PhpStorm：无法分析 webpack.config.js：编码帮助将忽略此文件中的模块解析规则

Question

升级到2017.3.3后，PhpStorm启动时出现错误

Webpack.config.js 是 Laravel 5.5 版本中的默认配置。

试图压制它但没有成功。很烦人。有什么想法吗？

Answer 1

如果你想摆脱这个问题，你可以从

Settings->Apperance&Behavior->Notifications->Webpack

删除 Webpack 的通知和日志

Answer 2

常见原因：

IntelliJ 评估时，Webpack 配置中使用的 Javascript 存在错误。

但是它可以在命令行上运行吗？

它可能在命令行中工作正常，但 IntelliJ 评估配置的上下文与命令行不同。

如何判断 Javascript 错误是什么？

在

Can't analyse webpack.config.js

错误消息下方，查找

Error details:

。如果是 Javascript 错误，这将为您提供失败原因的提示。

示例：

在 IntelliJ 中打开项目时看到以下错误

无法分析 webpack.config.js：编码帮助将忽略此文件中的模块解析规则。 可能的原因：该文件不是有效的 webpack 配置文件或其格式当前不受 IDE 支持。 错误详细信息：无法读取未定义的属性“require”

在本例中，

webpack.config.js

中有一个使用

require.main.require

的插件配置。从命令行运行时这很好，但在 IntelliJ 中失败，因为 IntelliJ 评估

webpack.config.js

的方式。当 IntelliJ 评估它时，

require.main

是

undefined

。

Answer 3

只是一个解决方法。这将对您的项目进行一些更改，但如果 PhpStorm 工作正常，您可以将所有内容恢复到原始状态。

步骤1

1. 确保你的 git 状态是干净的。
2. 关闭你的 PhpStorm。
3. 删除

   package-lock.json

   和

   node_modules

   。
4. 然后用

   package-lock.json

   重新生成

   npm install

   。
5. 启动 PhpStorm 并打开您的项目。
6. 确认现在可以使用。事件日志如

来自 webpack.config.js 的模块解析规则现在用于编码辅助。

第2步

1. 使用

   git checkout .

   放弃所有更改。
2. 使用

   node_modules

   在

   npm ci

   下恢复。
3. 现在您的项目已经在解决方法之前，但有编码帮助。

Answer 4

如果您在 PhpStorm 中激活了自动 Webpack 检测，并且使用 webpack.mix.js（如在旧版 Laravel 应用程序中），则在 2023.2.3 中也会弹出此错误。只需切换到手动检测并选择正确的文件即可。