app.bundle.js angular2中意外的令牌導入

Question

我正在嘗試使用Webpack從頭開始構建Angular 2應用程序。 添加所有文件並完成所有配置后，我將構建項目。 在構建時沒有給出任何錯誤。 但是當我打開index.html時，文本加載時在控制台中給出錯誤，提示為“ Uncaught SyntaxError：app.bundle.js中意外的令牌導入：47”

這是導致導入錯誤的地方

/***/ function(module, exports) {

    import 'core-js'; **//this is line 47**
    import 'reflect-metadata';
    import 'zone.js/dist/zone';

    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    import { AppModule }              from './app.module';

    platformBrowserDynamic().bootstrapModule(AppModule);

/***/ }
/******/ ]);

我項目的倉庫在這里輸入鏈接描述

我收到此錯誤的任何原因嗎？我幾乎嘗試過一切

Answer 1

您的webpack.config.js有一個錯字，這導致webpack不使用任何加載程序，而只是將原始打字稿源文件連接到包中。

該屬性是module.loaders而不是module.loader 。

您將需要類似

resolve: {
    extensions: ['', '.ts', '.js'],

    root: path.resolve('src')
}

用const path = require('path');導入const path = require('path'); 我不知道為什么它不能從工作目錄中推斷出路徑...