【问题标题】:WebStorm use wrong @types definition file?WebStorm 使用错误的@types 定义文件?
【发布时间】:2021-12-31 15:51:03
【问题描述】:
我正在使用 webstorm 用 react-router-dom@6 编写反应页面。
react-router-dom@6 内置了index.d.ts 而@types/react-router-dom 没有高于6的版本。
一般情况下,webstorm 应该使用 react-router-dom 内置的index.d.ts。但是webstorm自动下载错了@types/react-router-dom@5
就像下面的截图一样。
我怎样才能让它工作?
【问题讨论】:
标签:
javascript
reactjs
react-router-dom
【解决方案1】:
npx create-react-app <application-name>
CD
npm 开始
在欢迎屏幕上单击创建新项目或选择文件 |新 |主菜单中的项目。创建新项目对话框打开。
在左侧窗格中,选择 React。
在右侧窗格中:
指定将存储项目相关文件的文件夹的路径。
在 Node Interpreter 字段中,指定要使用的 Node.js 解释器。从列表中选择一个已配置的解释器或选择“添加”来配置一个新的。
从 create-react-app 列表中,选择 npx create-react-app。
或者,对于 npm 5.1 及更早版本,通过在 TerminalAlt+F12 中运行 npm install --g create-react-app 自行安装 create-react-app 包。创建应用时,选择create-react-app包所在的文件夹。
可选:
要使用 TSX 而不是 JSX,请选中创建 TypeScript 项目复选框。 WebStorm 将为您的应用程序生成 .tsx 文件和 tsconfig.json 配置文件。
当您单击 Create 时,WebStorm 会生成一个包含所有必需配置文件的特定于 React 的项目并下载所需的依赖项。 WebStorm 还使用默认设置创建 npm start 和 JavaScript 调试配置,用于运行或调试您的应用程序。
更多信息请访问:React-Webstorm