'React'指的是一个UMD全局，但当前文件是一个模块

我更新了我的项目来创建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工厂的文档可以在这里找到

其他回答

我错误地给出了index。Ts组件的名称。

└── components/
    └── Dialog/
        ├── Dialog.tsx
        └── Dialog.ts // This needs to be index.ts

将名称改回index。它解出来了。

这个错误消息来自TypeScript编译器。Typescript 4.0目前不支持React 17新的jsx转换，但4.1将会支持。

TypeScript v4.1 Beta - React 17 JSX工厂

根据项目中使用的版本，这可能是所需的格式:

import * as React from "react"

对我来说，这和这一切都无关。

我用的是Visual Studio Code，打开的文件夹不是在有tsconfig的根目录下。Json文件，但在SRC文件夹内的一个级别。

解析错误:无法读取文件:C\MyProject\tsconfig.json.eslint

这间接导致'React'指的是UMD全局，但当前文件是一个模块

在项目级重新打开文件夹解决了这个问题。: \

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工厂的文档可以在这里找到

推荐文章