升级到 Webpack 5 后出现“此源的内容和地图不可用”错误

Question

我的项目运行良好。当我升级到 Webpack 5 时，出现了这个问题。我在网上搜索，但所有讨论似乎都是来自以前的版本，我什至尝试了指定的解决方法，但无济于事。

\SourceCode\node_modules\webpack\node_modules\webpack-sources\lib\SizeOnlySource.js:26
                throw this._error();
                ^
Error: Content and Map of this Source is not available (only size() is supported)

Answer 1

有时，此类错误是由于不正确的组装而导致的。最有可能的是，使用 webpack 的 Angular 刚刚进行了更改，但出现了错误。尝试删除.angular文件夹，然后运行

npm install

命令并使用常用命令运行项目：

ng serve --open

如果出现错误，请尝试清除缓存，或以管理员身份运行 IDE。

Answer 2

如果您使用的是 Angular，请.angular从项目目录中删除文件夹。然后重新运行您的应用程序。这对我的情况有帮助。

Answer 3

当我禁用 sourceMap 生成（对于本地和产品配置）时，错误不再发生。请记住，这对某些人有用，具体取决于具体情况。就我而言，即使在本地环境中，我也不需要 sourceMaps：

我相信这个问题在某种程度上与 Angular 有关（因为我有 Angular 项目），这可能是他们应该解决的问题，而不是对我们的 angular.json 文件配置进行更改。

Answer 4

我今天遇到了同样的问题，我可以通过安装“source-map-support” npm包来解决该问题：

npm install source-map-support

Answer 5

尝试

ng cache clean

然后

ng serve