typescript：找不到module“react”

IT技术 reactjs typescript
2021-05-21 08:35:59

我不明白为什么它找不到它。

$ cat tsconfig.json

{
  "compilerOptions": {
    "sourceMap": true,
    "target": "es6",
    "jsx": "react",
    "types": [
      "lodash",
      "react",
      "react-dom"
    ]
  }
}

$ tree node_modules/@types

node_modules/@types/
├── lodash
│   ├── README.md
│   ├── index.d.ts
│   ├── package.json
│   └── types-metadata.json
├── react
│   ├── README.md
│   ├── index.d.ts
│   ├── package.json
│   └── types-metadata.json
└── react-dom
    ├── README.md
    ├── index.d.ts
    ├── package.json
    ├── server.d.ts
    └── types-metadata.json

在组件文件中导入。

// src/components/component.tsx

import * as React from "react";

是什么赋予了？

4个回答

我遇到过同样的问题。你只需要安装@types：

npm i -D @types/react

如果你没有使用 typescript 2.1，你应该升级到它。看起来您正在使用那里的@types 中的 2.x 版本。

这是tsconfig.json我现在正在使用的工作文件：

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "moduleResolution": "node",
    "noResolve": false,
    "noImplicitAny": false,
    "removeComments": true,
    "sourceMap": true,
    "allowJs": true,
    "jsx": "react"
  },
  "exclude": [
    "./node_modules/**/*"
  ]
}

自从我解决您遇到的相同问题以来已经有几天了，但我认为这里的关键是"moduleResolution": "node"和"allowJs": true。

在版本 2.4.* 上，此错误的负责配置条目（在大多数情况下）是：

"compilerOptions": {
          ...
          "moduleResolution": "node" <---------- this entry
          ...
}

为了解决来自 eslint 规则的typescript“找不到module‘react’”，

您需要安装@types/react：

$ npm i -D @types/react

或者

$ yarn add -D @types/react

在你的“.eslintrc”文件中添加extendsreact 插件：

...
extends: [
        'plugin:react/recommended',
        ...  
],
其它你可能感兴趣的问题
上一篇清洗灯丝有什么特别之处？ 下一篇React.js：findDOMNode 和 getDOMNode 的区别