Question

我需要一些帮助，暗示我做错了什么。我已经设置了Angular并使用SystemJs来加载模块。由于加载缓慢（大量模块），我正在尝试设置systemjs-bulder。

我把bundle.js文件放在root目录中，当我做节点bundle.js时，我得到： node bundle.js

Unhandled rejection Error on translate for ts/app.js at file:///Users/mzoubek/Documents/Miha/www/GroupSweat/public/ts/app.js
    MultipleErrors: file:///Users/mzoubek/Documents/Miha/www/GroupSweat/public/ts/app.js:4:1: Unexpected token @
file:///Users/mzoubek/Documents/Miha/www/GroupSweat/public/ts/app.js:4:2: Semi-colon expected

我的bundle.js文件如下所示：

var SystemBuilder = require('systemjs-builder');
var argv = require('yargs').argv;
var builder = new SystemBuilder();

builder.loadConfig('./system.config.js')
  .then(function(){
      var outputFile = argv.prod ? 'dist/bundle.min.js' : 'dist/bundle.js';
      return builder.buildStatic('app', outputFile, {
          minify: argv.prod,
          mangle: argv.prod,
          rollup: argv.prod
      });
  })
  .then(function(){
      console.log('bundle built successfully!');
  });

和system.config.js是这样的：

//configure system loader
System.config({
    map: {
        'rxjs': 'node_modules/rxjs',
        '@angular': 'node_modules/@angular',
        'app': 'ts'
    },
    packages: {
        'app': {
            main: 'app.js',
            defaultExtension: 'js'
        },
        '@angular/core': {
            main: 'index.js',
            defaultExtension: 'js'
        },
        '@angular/compiler': {
            main: 'index.js',
            defaultExtension: 'js'
        },
        '@angular/common': {
            main: 'index.js',
            defaultExtension: 'js'
        },
        '@angular/platform-browser': {
            main: 'index.js',
            defaultExtension: 'js'
        },
        '@angular/platform-browser-dynamic': {
            main: 'index.js',
            defaultExtension: 'js'
        },
        'rxjs': {
            defaultExtension: 'js'
        }
    }
})

我的文件夹结构如下：

nodule_modules / *
的index.html
app.ts
bundle.js
system.config.js
有角度工作的所有文件......

如果能提供帮助，请点击。

import { bootstrap } from "@angular/platform-browser-dynamic";
import { Component } from "@angular/core";

@Component({
    selector: 'gs-test',
    template: `sss`
})


class groupSweatBoot {
    constructor() {

    }
}

bootstrap(groupSweatBoot);

谢谢你的帮助！

SystemJs-bulder for angular，configuration

0 个答案: