0

RC4 で書かれた Angular2 テスト アプリケーションが正常に動作しました。現在、RC7 にアップグレードしようとしていますが、次のエラー メッセージが表示されます。

Error: SyntaxError: Unexpected token <
    Evaluating http://localhost:7864/traceur
    Error loading http://localhost:7864/traceur
    Error loading http://localhost:7864/libs/@angular/http/index.js as "@angular/http" from http://localhost:7864/app/recentActivity/recentActivity.module.js

私の recentActivity.module は次のようになります。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HttpModule } from '@angular/http';

import { RecentActivityService } from './recentActivity.service';
import { RecentActivityComponent } from './recentActivity.component';

@NgModule({
    imports: [CommonModule, HttpModule],
    declarations: [RecentActivityComponent],
    exports: [RecentActivityComponent],
    providers: [RecentActivityService]
})
export class RecentActivityModule {
}

ここで何が問題なのかわかりません。ネットワーク トラフィックを見ると、@angular/http/index.js が 200 ステータスでダウンロードされ、ダウンロードされたファイルが期待どおりの結果であることがわかります。そのため、ロード中にエラーが発生したと言っている理由がわかりません。他にどこを見る必要がありますか。

systemjs.configは以下です

/**
 * System configuration for Angular 2 samples
 * Adjust as necessary for your application needs.
 */
(function () {
    // map tells the System loader where to look for things
    var map = {
        'app': 'app', // 'dist',
        '@angular': 'libs/@angular',
        'angular2-in-memory-web-api': 'libs/angular2-in-memory-web-api',
        'rxjs': 'libs/rxjs'
    };
    // packages tells the System loader how to load when no filename and/or no extension
    var packages = {
        'app': { main: 'main.js', defaultExtension: 'js' },
        'rxjs': { defaultExtension: 'js' },
        'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }
    };
    var ngPackageNames = [
      'common',
      'compiler',
      'core',
      'forms',
      'http',
      'platform-browser',
      'platform-browser-dynamic',
      'router',
      'router-deprecated',
      'upgrade'
    ];

    var ngIndexPackageNames = [
   'http'
    ];
    // Individual files (~300 requests):
    function packIndex(pkgName) {
        packages['@angular/' + pkgName] = { main: 'index.js', defaultExtension: 'js' };
    }
    // Bundled (~40 requests):
    function packUmd(pkgName) {
        packages['@angular/' + pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
    }
    // Most environments should use UMD; some (Karma) need the individual index files
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
    // Add package entries for angular packages
    ngPackageNames.forEach(setPackageConfig);
    ngIndexPackageNames.forEach(packIndex);
    var config = {
        //meta: {
        //    '*.js': {
        //        scriptLoad:true
        //    }
        //},
        map: map,
        packages: packages
    };
    System.config(config);
})(this);
4

1 に答える 1

1

RC.6のリリースにより、angular2チームはパッケージ構成の新しい重大な変更を発表しました

npm パッケージ: ESM (ES6 モジュール) 形式のコードが npm パッケージのデフォルトの場所に公開され、package.json のメイン エントリが UMD バンドルを指している (主にノードおよび webpack 1 ユーザー向け)。

SystemJS を使用して Angular をロードしている場合は、UMD バンドル (npm パッケージに存在) を指すように SystemJS 構成を調整する必要があります。

このSystemJS configの例を参照してください。

于 2016-09-14T13:31:39.833 に答える