Webpack:未捕获ReferenceError:未定义vendor_bd98b4ed288c6b156cc9

Question

我使用yo生成器模板描述了here来生成一个以Angular2作为前端的ASP.NET核心应用程序。但随机地，在更改css文件并保存它们(这会导致Webpack重新加载)之后，我在客户端控制台中得到了以下异常：

Uncaught ReferenceError: vendor_bd98b4ed288c6b156cc9 is not defined
    at Object.<anonymous> (external "vendor_bd98b4e…":1)
    at __webpack_require__ (bootstrap 4cd8e17…:659)
    at fn (bootstrap 4cd8e17…:83)
    at Object.module.exports (eventsource.js from dll-reference vendor_bd98b4e…:1)
    at __webpack_require__ (bootstrap 4cd8e17…:659)
    at fn (bootstrap 4cd8e17…:83)
    at Object.<anonymous> (main-client.js?v=4atoLMuOmZwmyVdq2ky2bYoBjkmqmVnuPNSIFOD8Qjs:2625)
    at __webpack_require__ (bootstrap 4cd8e17…:659)
    at module.exports (bootstrap 4cd8e17…:708)
    at bootstrap 4cd8e17…:708

在dist/main-client.js文件中，我找到了以下几行：

module.exports = vendor_bd98b4ed288c6b156cc9;

/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {

module.exports = (__webpack_require__(0))(0);

当我删除整个wwwroot/dist文件夹并重新构建Webpack包时，这个错误就消失了。然后，随机字符串的变化如下：

module.exports = vendor_9dc79ae12948ed5e4b95;

看起来像是某种缓存问题。是什么导致了这种情况？

我用的是Webpack的2.2.1版本。

Answer 1

我正在学习一个教程，也遇到了同样的问题。本教程指出，在添加任何新库后，您需要更新webpack.config.vendor.js并重新运行webpack

> webpack --config webpack.config.vendor.js
> webpack

为了在将来对我有所帮助，我在我的package.json中的脚本下面放了这个：

"scripts": {
  ... Other scripts ...
  "start": "webpack --config webpack.config.vendor.js && webpack && cross-env ASPNETCORE_ENVIRONMENT=Development dotnet run"
},
"devDependencies":{
   ... Other Dependencies ...
   "cross-env":"^5.0.1"
 }

下面是我遵循的教程，它解释了http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/

希望这能有所帮助！