Question

我正在尝试使用Webpack从头开始构建一个Angular 2应用程序。添加完所有文件并完成所有配置后，我构建了项目。虽然建设它没有给出任何错误。但当我打开index.html时，文本加载，同时在控制台中给出错误“未捕获的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);

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

我的项目的回购enter link description here

为什么我得到这个错误的任何原因？。我几乎尝试过每一次

Answer 1

你的webpack.config.js中有一个拼写错误导致webpack不使用任何加载器，只是简单地将原始打字稿源文件连接到捆绑包中。

该属性为module.loaders而非module.loader。

你需要像

这样的东西

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

    root: path.resolve('src')
}

使用const path = require('path');导入路径的位置我不知道为什么它不能从工作目录中推断出路径...

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

1 个答案: