Visual Studio npm 模块

Question

我正在使用 Visual Studio 开发一个项目。我正在使用与打字稿的反应。在 *.jsx 文件中，一些 npm 模块给出错误，如：

Cannot find module 'react-dnd'

我已经安装了 react-dnd 到 node_modules。但我无法停止收到此错误。

这是我的代码。

import * as React from "react"
import BaseComponent from "../BaseComponent"
import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import Container from '../../Components/Container';
import Box from '../../Components/Box';

第 3 行和第 4 行导致错误。此外，我将在下面分享我的 tsconfig 文件。

{
  "compilerOptions": {
    "inlineSources": false,
    "jsx": "react",
    "moduleResolution": "node",
    "allowJs": true,
    "noImplicitAny": false,
    "removeComments": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "suppressImplicitAnyIndexErrors": true,
    "declaration": false,
    "isolatedModules": true,
    "sourceMap": false,
    "target": "es5",
    "module": "commonjs",
    "noLib": false,
    "outDir": "wwwroot/js/ts"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ],
  "include": [
    "ScriptLib/Components/**/*"
  ]
}

Answer 1

您必须为这些库安装类型定义：

npm install --save-dev @types/react-dnd
npm install --save-dev @types/react-dnd-html5-backend

Visual Studio npm 模块

Visual Studio npm modules

reactjs

typescript

npm

react-jsx

react-dnd