问题描述
react + ts的项目,正常使用vs code打开,
先运行 npm install 安装依赖过后
结果所有的react引用依旧标红,如下图所示:
点击红线 show problem(查看问题),提示node_modules/@types/react/index.d.ts not a module.ts
原因分析
试着用Visual Studio可以正常打开运行,疑似Visual Studio Code IDE 类型识别问题。
解决办法
在Visual Studio Code重新安装相关类型。
指令如下:
npm install --save-dev "@types/react"
npm install --save-dev "@types/react-dom"
npm install --save-dev "@types/react-redux"
后边俩是第一个的依赖,在package.json中可以找到需要执行命令的包。
参照文档:
如何使用 Visual Studio Code 开发和调试 Node.js
使用 npm 编译和生成 TypeScript 代码 - Visual Studio (Windows)
https://learn.microsoft.com/zh-cn/visualstudio/javascript/compile-typescript-code-npm?view=vs-2022