如何在 Create React App 中不显示警告

IT技术 reactjs webpack create-react-app
2021-05-16 09:46:58

我正在使用 Facebook 的 create-react-app,当它通过“npm start”启动时,它会向我显示警告列表,例如:

'Bla' 已定义但从未使用过
预期的 '===' 而是看到了 '=='

我不想看到任何这些警告,有没有办法抑制它们?

4个回答

这些警告来自 eslint。要禁用它们/* eslint-disable */,请在您不想遵循 eslint 规则的文件顶部添加

对于本地 Eslint,向您的项目中添加一个名为的文件,.eslintignore并添加您想要忽略的任何目录或文件:

build/
src/
*.js

尽管此时您最好将其完全删除。


但是,如果您使用create-react-app. 在不弹出的情况下无法禁用 Eslint,因为它内置于 react-scripts 中。无论何时构建或启动服务器,它都会使用其内部配置运行 eslint,除了package.json. 解决此问题的唯一方法是使用其他地方提到的禁用注释弹出或添加每个文件。有关更多信息,请参阅Github 上的此问题

对于特定的eslint警告抑制,请在文件开头插入以下代码。

/* eslint-disable react/no-direct-mutation-state */

要完全删除 eslint 警告,您可以做的是创建一个名为.eslintignore add *的文件并保存它。你不会再看到任何警告。

*

从特定文件夹中删除警告意味着在.eslintignore文件中添加该文件夹名称

/folder_name
/folder_name/file_name.js

您也可以在文件级别执行此操作。在文件的开头添加以下内容

/* eslint-disable */ 

忽略文件中的下一行警告

// eslint-disable-next-line