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集成的信息。