TypeScript 错误：找不到模块“反应”

Question

我一直在尝试编译我的项目几个小时，我在整个互联网上进行了搜索，但我仍然不明白为什么它不起作用。

我只是运行npx tsc但我收到此错误：

$ npx tsc
src/index.ts:2:24 - error TS2307: Cannot find module 'React'.

2 import * as React from 'React';
                         ~~~~~~~


Found 1 error.

tsconfig.json：

{
  "compilerOptions": {
    "moduleResolution": "node",
    "target": "es6",
    "module": "commonjs",
    "esModuleInterop": true,
    "lib": [
      "es2015",
      "es2016",
      "es2017",
      "dom"
    ],
    "strict": true,
    "sourceMap": true,
    "declaration": true,
    "declarationDir": "dist/types",
    "outDir": "dist/lib",
    "typeRoots": [
      "node_modules/@types"
    ],
    "jsx": "react",
    "noResolve": false,
    "allowJs": false,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strictNullChecks": true
  },
  "include": [
    "src"
  ],
  "exclude": [
    "node_modules",
    "dist",
    "playground"
  ]
}

src/index.ts：

import lodash from 'lodash';
import * as React from 'React';

包。json：

{
  "files": [
    "dist"
  ],
  "devDependencies": {
    "@types/lodash": "^4.14.144",
    "@types/node": "^12.11.7",
    "@types/react": "^16.9.11",
    "lodash": "^4.17.15",
    "react": "^16.11.0",
    "ts-node": "^8.4.1",
    "typescript": "^3.6.4"
  }
}

是什么赋予了？

Answer 1

您可能应该将react作为依赖项而不是devDependency 。 此外，使反应导入文件中的第一行。

Answer 2

除了通过运行将 react 安装为依赖项之外，

npm i react

您可能想要导入默认导出的模块。

import React from 'react';

在您的tsconfig.json上，您可以将allowSyntheticDefaultImports设置为true 。

"allowSyntheticDefaultImports": true

此外，您可以阅读更多关于将TypeScript 与 React集成的信息。