Angular 网站上的网页包错误

我使用网页包的角度2网站。当我构建它并将其上传到我的服务器上时，我在不同的机器上测试它，它工作正常，没有任何错误。但是，在我的客户机的大多数计算机中，该页面根本不会加载，并且在控制台上有以下错误：

polyfills.0538e73….bundle.js:1 Uncaught TypeError: Cannot read property 'call' of undefined at __webpack_require__ 
(polyfills.0538e73….bundle.js:1) at Object.<anonymous> 
(main.c4452dc….bundle.js:1) at __webpack_require__ 
(polyfills.0538e73….bundle.js:1) at Object.<anonymous> 
(main.c4452dc….bundle.js:1) at __webpack_require__ 
(polyfills.0538e73….bundle.js:1) at Object.<anonymous> 
(main.c4452dc….bundle.js:1) at __webpack_require__ 
(polyfills.0538e73….bundle.js:1) at Object.<anonymous> 
(main.c4452dc….bundle.js:1) at __webpack_require__ 
(polyfills.0538e73….bundle.js:1) at Object.<anonymous> 
(main.c4452dc….bundle.js:1) at __webpack_require__ 
(polyfills.0538e73….bundle.js:1) at Object.<anonymous> 
(main.c4452dc….bundle.js:1) at __webpack_require__ 
(polyfills.0538e73….bundle.js:1) at Object.<anonymous> 
(main.c4452dc….bundle.js:1) at __webpack_require__ 
(polyfills.0538e73….bundle.js:1)

webpack.config.ts

// Look in ./config folder for webpack.dev.js
switch (process.env.NODE_ENV) {
  case 'prod':
  case 'production':
    module.exports = require('./config/webpack.prod')({env: 'production'});
    break;
  case 'dev':
  case 'development':
  default:
    module.exports = require('./config/webpack.dev')({env: 'development'});
}

这是电话号码，这是电话号码

我的

index.html

<script type="text/javascript" src="polyfills.0538e73c900216f4d2d0.bundle.js" defer></script>
<script type="text/javascript" src="vendor.e1aa59d8e719a224eb3a.bundle.js" defer></script>
<script type="text/javascript" src="main.c4452dc09fbc13bd7362.bundle.js" defer></script>

---

此问题很可能由脚本的加载顺序触发。假设您有三个名为polyfill、vendor和main的脚本块，请在build

index.html

中检查脚本是否按以下顺序加载：

• 多填料
• 卖主
• 主要

要解决这个问题，请查看HtmlWebpackPlugin的配置，如果您的项目基于angular2 webpack starter，通常在

config/webpack.common.js

中。是这样的：

new HtmlWebpackPlugin({
  template: 'src/index.html',
  title: METADATA.title,
  chunksSortMode: 'dependency',   // <-- this is important
  metadata: METADATA,
  inject: 'head'
})

新的HtmlWebpackPlugin({
模板：“src/index.html”，
title:METADATA.title，
ChunkstortMode:'dependency'，//为了识别错误，最好在生产服务器上添加：您的网页配置、
节点--version
和
npm--version
。此外，
tsconfig.json
文件可以很好地识别您的目标（es5、es6等）。感谢您给出提示，而不是否决：）我已经从我的开发机器中包括了，我将尽快在生产服务器上检查它们。这可能会对您有所帮助。
new HtmlWebpackPlugin({
  template: 'src/index.html',
  title: METADATA.title,
  chunksSortMode: 'dependency',   // <-- this is important
  metadata: METADATA,
  inject: 'head'
})