angular - 使用 webpack 构建 angular2 应用程序 - 找不到 ./compiler.es5.ts

Question

我正在使用 webpack 构建一个 angular2 应用程序。将 angular2 从 2.3.1 升级到 4.0.1 后，webpack 输出以下 Warning:

WARNING in ./~/@angular/compiler/@angular/compiler.es5.js
Cannot find source file 'compiler.es5.ts': Error: Can't resolve 
'./compiler.es5.ts' in '../node_modules\@angular\compiler\@angular'
@ ./~/@angular/platform-browser-dynamic/@angular/platform-browser-dynamic.es5.js 11:0-72

该消息是正确的，因为该位置不存在扩展名为 ts 的文件，该文件存在但扩展名为 js。

我错了 webpack 配置值吗？

顺便说一句:如果我使用@angular/cli v1.0 构建应用程序，我没有看到警告。

Answer 1

类似的问题在 https://github.com/angular-redux/store/issues/64

解决方法是在您的 webpack.config.js 中为 source-map-loader 添加 exclude 规则。

{
        test: /\.(js|ts)$/,
        exclude: [
            // workaround for this issue
            path.join(__dirname, 'node_modules', '@angular/compiler')
        ],
        use: [{
            loader: 'source-map-loader'
        }],
        enforce: 'pre'
}

但上述解决方法只是临时解决方法。