[英]Typescript export named default of module
我刚刚将我的 React 项目从 javascript 转换为 typescript,并且我有很多实例,我将在一个目录中有一个索引文件并从相应的目录中导出所有函数/组件。 例如,目录可能如下所示:
components
|--index.js
|--ComponentA
|--ComponentB
|--ComponentC
|...
index.js 将包含:
export ComponentA from './ComponentA'
export ComponentB from './ComponentB'
export ComponentC from './ComponentC'
...
我相信 babel 会转换为:
export { default as ComponentA } from './ComponentA'
...
我已经将所有 .js/.jsx 文件转换为 .ts/.tsx 并且我使用 webpack 和 babel-loader 来编译这些文件。 Everyting 运行得很好,但我的编辑器中出现 eslint 错误,因为打字稿不理解这些导出。 这是我的tsconfig.json文件:
{
"compilerOptions": {
"baseUrl": ".",
"outDir": "./dist/",
"sourceMap": true,
"noImplicitAny": false,
"module": "es6",
"target": "es6",
"jsx": "preserve",
"lib": ["es5", "es6", "dom"],
"esModuleInterop": true,
"allowJs": true,
"moduleResolution": "node",
"allowSyntheticDefaultImports": true
},
"include": [
"./src/**/*"
],
"types": [
"@reachify/graphql-schema"
],
"awesomeTypescriptLoaderOptions": {
"reportFiles": [
"./src/**/*"
]
}
}
和.eslintrc.json:
{
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/recommended"
],
"env": {
"browser": true
},
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": 2019,
"sourceType": "module"
},
"plugins": [
"@typescript-eslint/eslint-plugin"
]
}
如何让打字稿理解export Component from './Component
?
正如评论中提到的,看起来这仍然是第 1 阶段的功能,尚未在 Typescript 中实现。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.