我更新了我的项目来创建react应用程序4.0，我正在缓慢地移动我的文件到TypeScript。我知道有了这个新版本，你不必重复地从“React”导入React。然而，在我没有导入React的所有TS文件中，我收到了这个错误:
'React'指的是一个UMD全局，但当前文件是一个模块。 考虑添加一个导入来代替。ts(2686) '
我知道我可以通过导入React来修复它，但我认为这已经不再需要了。另外，有人能解释一下这个错误的含义吗?
我的基本TSX文件
const Users = () => {
return <>Teachers aka Users</>;
};
export default Users;
当前回答
Create React App在版本4中支持新的JSX转换，但如果你使用的是自定义设置，那么在编写JSX而没有从' React '中导入React时，需要以下步骤来删除TypeScript错误:
至少4.1版本的Typescript React和React -dom至少版本17 tsconfig。json必须有一个jsx的编译选项react-jsx或react-jsxdev
例子:
// tsconfig.json
{
"compilerOptions": {
...
"jsx": "react-jsx"
...
},
}
TypeScript支持React 17 JSX工厂的文档可以在这里找到
其他回答
我在这里的问题与typescript相关，与本文中已经发布的解决方案类似，但并不完全相同。
出了什么问题
我添加了带有源代码的嵌套目录，这些源代码没有包含在我的tsconfig.json中。
解决方案
以下是我如何修复它，简单地添加额外的.ts和.tsx路径包括，例如。
// tsconfig.json
{
"include": [
"next-env.d.ts",
"**/*.ts",
"**/*.tsx",
"**/**/*.ts",
"**/**/*.tsx"
"<path-to-your-source>.ts",
"<path-to-your-source>.tsx",
],
}
我的特殊项目是一个Next.js项目。以下是完整的tsconfig.json:
{
"compilerOptions": {
"sourceMap": true,
"outDir": "dist",
"strict": true,
"lib": [
"esnext"
],
"esModuleInterop": true,
"target": "es5",
"allowJs": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true
},
"include": [
"next-env.d.ts",
"**/*.ts",
"**/*.tsx",
"**/**/*.ts",
"**/**/*.tsx"
],
"exclude": [
"node_modules"
]
}
上述绝大部分tsconfig。json是通过Next.js生成的
我有这种情况发生时，文件是在项目的根，而不是src文件夹使用Create React应用程序。
我错误地给出了index。Ts组件的名称。
└── components/
└── Dialog/
├── Dialog.tsx
└── Dialog.ts // This needs to be index.ts
将名称改回index。它解出来了。
在VS Code中，我不得不重新启动typescript服务器。我在git分支之间切换了很多次，这个错误意外地发生在一个没有更改的文件中。没有其他更改可以触发此错误。重新加载后错误消失。
在VS Code中重载typescript服务器:
按Ctrl+Shift+P(在macOS上是Cmd+Shift+P)打开命令面板，输入restart，然后选择命令“TypeScript: restart TS server”。
对我来说，这和这一切都无关。
我用的是Visual Studio Code，打开的文件夹不是在有tsconfig的根目录下。Json文件，但在SRC文件夹内的一个级别。
解析错误:无法读取文件:C\MyProject\tsconfig.json.eslint
这间接导致'React'指的是UMD全局，但当前文件是一个模块
在项目级重新打开文件夹解决了这个问题。: \
