Visual Studio 2019中Task Runner Explorer无法找到/加载webpack.config.js求助

我之前帮几个开发者解决过VS2019里Task Runner Explorer识别webpack配置文件的问题，结合你已经做的操作，再试试下面这几个步骤，应该能解决：

• 确认安装了webpack-cli：Task Runner Explorer依赖webpack-cli来解析配置文件，很多人只安装了webpack却忽略了它。打开项目根目录的终端，运行：

  npm install webpack-cli --save-dev
  

  安装完成后完全关闭并重新打开Visual Studio 2019，再刷新Task Runner Explorer试试。

• 检查配置文件的位置与命名：确保webpack.config.js在项目根目录（而非子文件夹），且文件名完全正确（注意不要拼写错误，比如写成webpack.config.jsx或者Webpack.config.js，虽然Windows系统大小写不敏感，但VS的Task Runner有时会严格识别）。可以右键项目→「添加」→「现有项」，重新选择这个文件，确认它处于项目的根层级。

• 重置外部Web工具路径并重启VS：你已经把$(PATH)移到了首位，建议再补充全局npm路径：

  1. 打开「工具」→「选项」→「项目和解决方案」→「外部Web工具」
  2. 清空现有路径，先添加$(PATH)，再添加$(USERPROFILE)\AppData\Roaming\npm（这是全局npm包的默认安装路径）
  3. 点击「确定」后，完全关闭VS2019（包括后台进程），重新打开后再检查Task Runner Explorer。

• 查看Task Runner的输出日志：打开Task Runner Explorer，点击右上角刷新按钮旁的下拉箭头，选择「查看输出」，里面会有详细的错误信息。比如如果日志显示“webpack command not found”，说明路径配置还是有问题；如果显示配置文件解析错误，那就要检查webpack.config.js本身的语法是否正确。

• 用命令行验证webpack是否正常工作：在项目根目录的终端运行：

  webpack --config webpack.config.js
  

  如果命令行能正常执行，说明配置文件本身没问题，问题出在VS的Task Runner与npm路径的关联上；如果命令行也报错，先解决webpack本身的问题（比如配置文件语法错误、依赖缺失等）。

内容的提问来源于stack exchange，提问作者Danzeeeee