在浏览器中托管应用程序后，Angular4 + webpack3 prod构建获取错误

Question

使用angualr4 + webpack3成功生成prod后，在浏览器上第二次刷新时出现以下错误，iam低于错误 uncaught exception: reflect-metadata shim is required when using class decorators

如果我用下面的脚本更新index.html <script src="Reflect.js"></script>

工作正常  但为什么我需要把它放在index.html？是不是在webpack main.bundle.js中呈现？

Answer 1

看起来你错过了一个polyfill。我在我的应用程序中使用core-js的polyfill。

https://github.com/zloirock/core-js

安装完成后，有几种不同的方法可以让它正常工作。

如果您使用polyfills入口点，请添加：

import "core-js/es6/reflect"
import "core-js/es7/reflect"

如果您没有polyfills入口点，则可以使用webpack ProvidePlugin。将其添加到您的webpack配置：

plugins: [
  ...
  new webpack.ProvidePlugin({
    Reflect: 'core-js/es7/reflect'
  })
  ...
]

where I got my answer