网站搜索

reactjs - React TypeScript 在 VSCode 中的导入语法问题


我刚开始使用 React TypeScript + Meteor 进行测试,我无法弄清楚如何正确设置 VSCode。

TSX 和 TS 文件的 React 自动完成和语法高亮工作正常,但每个模块导入都会触发 VSCode 严重错误。

[ts] Cannot find module 'react'
[ts] Cannot find module 'react-dom'

我下面的导入语句。

import * as React from "react";
import { render } from "react-dom";

组件加载正常,所以导入实际上是有效的,但我每个导入都会遇到语法高亮问题,我想修复这个问题。

我没有任何 tsconfig.json 文件或 typings 文件夹。

我正在使用 https://github.com/barbatus/typescript 来为 Meteor 构建自动转译 TypeScript 文件。背景是这包含了 typings 文件和 tsconfig.json。

答案#1

你需要获取 react 和 react-dom 的类型定义。

快速:

npm install --save-dev @types/react @types/react-dom。

react-dom 也是类似的。

答案#2

不要使用 typings,直接使用 npm。

npm install --save-dev @types/react @types/react-dom