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'); 我不知道为什么它不能从工作目录中推断出路径...