Chrome DevTools 源 webpack 丢失答案

【问题标题】：Chrome DevTools sources webpack missingChrome DevTools 源 webpack 丢失
【发布时间】：2020-08-21 10:11:12
【问题描述】：

我无法调试我的 Angular8 项目，因为没有 webpack 文件夹。我以这样的方式启动应用程序：ng build --watch --source-map，并且目标文件夹中有 .map 文件，但 chrome 没有意识到它们。（在 devtools 设置中启用了 js 源映射）

【问题讨论】：

【解决方案1】：

不确定我是否正确理解了您的问题，但通常您只是

【讨论】：

感谢您的回答，但即使我添加了 .map 文件，它们也会被缩小，并且无法正常工作。我之前调试过，因为我刚刚在源代码中打开了 webpack 文件夹，但现在我没有看到这个 webpack 文件夹。
所以我的主要问题是为什么 webpack 文件夹没有出现？在我手动添加 .map 文件之后也没有。
不知道您是否尝试过上述步骤。如果它在您当前的项目中不起作用，缩小问题范围的策略是创建一个新的测试项目（只需保留示例内容）并检查它是否在那里工作。如果它在那里工作（应该），如果有差异，请比较配置文件。另一种选择是删除并重新安装 node_modules。如果开发工具表现异常，重新启动浏览器有时也会有所帮助...
我已经创建了一个测试项目（然后是另一个），但它并没有很好地工作。 .map 文件在 .js 文件之外的 targetFolder 中，但仍然没有 webpack 文件夹。
后来发现是 webserves 配置导致了问题。