文章/答案/技术大牛

发布

社区首页 >问答首页 >无法从默认导出模块导入命名的导出'XXX‘(导入为'XXX') (只有默认导出可用)

问无法从默认导出模块导入命名的导出'XXX‘(导入为'XXX') (只有默认导出可用)
EN

Stack Overflow用户

提问于 2022-02-28 17:55:11

回答 1查看 2.3K关注 0票数 5

在我的TypeScript React项目中导入这个有问题。

import { SwapWidget } from '@uniswap/widgets';

在编译yarn build时获取此错误

Can't import the named export 'SwapWidget' (imported as 'SwapWidget') from default-exporting module (only default export is available)

这是@uniswap\widgets库中的声明：

declare type SwapWidgetProps = SwapProps & WidgetProps;
declare function SwapWidget(props: SwapWidgetProps): JSX.Element;

export { SUPPORTED_LOCALES, SwapWidget };

ts-config.js

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
}

javascript

reactjs

typescript

uniswap

回答 1

Stack Overflow用户

发布于 2022-07-10 09:27:44

对我来说，这个问题是由我的webpack规则在node_modules中转换文件引起的。

我修正了它，增加了一个排除：

//webpack.config.js
module.exports = {
...
module:{
  rules:[
    {
      test: /\.(txt|glsl|vert|frag)/,
      type: 'asset/source',
      //add this exclude
      exclude: [/node_modules/],
    },
  ]
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71299100

复制

相似问题

问无法从默认导出模块导入命名的导出'XXX‘(导入为'XXX') (只有默认导出可用)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法从默认导出模块导入命名的导出'XXX‘(导入为'XXX') (只有默认导出可用)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法从默认导出模块导入命名的导出'XXX‘(导入为'XXX') (只有默认导出可用)
EN