angular2-template-loader：錯誤：無法解析\\ @angular \\ compiler \\ src中的“ ./”

Question

嘗試將我的angular2應用程序與webpack2和angular2-template-loader捆綁在一起，但出現此錯誤：

ERROR in ./~/@angular/compiler/src/compile_metadata.js
Module not found: Error: Can't resolve './' in 'C:\Users\eagor\Documents\work\node_modules\@angular\compiler\src'
 @ ./~/@angular/compiler/src/compile_metadata.js 393:22-35
 @ ./~/@angular/compiler/index.js
 @ ./~/@angular/platform-browser-dynamic/src/platform-browser-dynamic.js
 @ ./~/@angular/platform-browser-dynamic/index.js
 @ ./src/login/index.js

如果沒有angular2-template-loader它會捆綁在一起。

SRC /登錄/ index.js：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { LoginModule } from './src/login.module';

document.addEventListener('DOMContentLoaded', function() {
    platformBrowserDynamic()
        .bootstrapModule(LoginModule);
});

SRC /登錄/ SRC / login.module.js

export class LoginModule {
    // make empty for example.
}

webpack.config.js：

var path = require("path");

module.exports = {
    entry: {
        login: "./src/login/index.js"
    },
    output: {
        path: path.resolve(__dirname, "wwwroot/bundles"),
        filename: "[name].min.js"
    },
    module: {
        loaders: [
            {
                test: /\.js$/, exclude: /node_modules/,
                loader: "babel-loader"
            },

            // adding this loader breaks
            {
                test: /\.js$/,
                loaders: ['angular2-template-loader'],
                exclude: [/\.(spec)\.js$/]
            },

            {
                test: /\.(html|css)$/,
                loader: 'raw-loader'
            }
        ]
    }
};

Answer 1

您應該排除node_modules文件夾：

{
  test: /\.js$/,
  loaders: ['angular2-template-loader'],
  exclude: [/node_modules/, /\.(spec)\.js$/]
}

否則的WebPack試圖管也.js ，它們位於某處的文件node_modules夾通過你的管道，這是你不想要的東西，你的情況打破東西。