如何解决ESLint错误' package应该被列在dependencies，而不是devDependencies '.

Question

我正试图正确地检测我的React+Typescript项目(使用ESLint)。我有一个组件，我从react-router导入useParams钩子。

import { useParams } from 'react-router';

ESLint在那行给我错误

ESLint: '@types/react-router' should be listed in the project's dependencies, not devDependencies.(import/no-extraneous-dependencies)

我猜@types/react-router是不需要在结果构建，因为浏览器不理解TypeScript。我有两个问题:

• 为什么规则说@types/react-router应该列在依赖项而不是devDependencies?
• 我应该确实移动@types/react-router的依赖?
• 我可以禁用该规则吗?如果是这样，我怎么知道什么时候我可以禁用ESLint规则，什么时候我应该解决ESLint错误?

谢谢!

Answer 1

依赖项是一个项目需要有效运行的库。DevDependencies是开发人员在开发过程中需要的包。

react-router将在你的应用中使用，而不是作为开发依赖项，所以请尝试与

一起安装。

npm install react-router --save
//OR
yarn install react-router --save

不是

npm install react-router --save -dev