2016-12-02 16 views
4

インポートしようとしています 'UpgradeComponent'を '@ angular/upgrade/static'からインポートします。 ngupgradeを使用してangular2でangular1ディレクティブを使用していますが、このエラーが発生しています。予期せぬトークンのエクスポート - 角2

コード:

import { Directive, ElementRef, Injector } from '@angular/core'; 
import { UpgradeComponent } from '@angular/upgrade/static'; 
@Directive({ 
    selector: 'help' 
}) 
export class HelpComponentA1Directive extends UpgradeComponent { 
    constructor(elementRef: ElementRef, injector: Injector) { 
     super('help', elementRef, injector); 
    } 
} 
+0

どこがエラーですか?エラーのショースタックトレースしてください –

+0

Rehban、 エラーメッセージ: main.bundle.js:84キャッチされないでSyntaxError:予期しないトークン輸出 セクション - >輸出から{downgradeComponent}」でコンソールに示す エラー./ src/aot/downgrade_component '; –

+0

@johnsam Stacktraceは、1行ではなく、ルートからの呼び出しのスタックをポストする必要があることを意味します。 –

答えて

0

exportは、それがコンパイルされ.jsファイルをロードする必要があるとき何とかブラウザは.tsファイルをロードしている、javascriptのキーワードではありません。

モジュールをバンドルする方法に応じて、この問題を解決するソリューションは何でもかまいません。しかし、ブラウザーに@angular/upgrade/staticが表示されたら、それにはnode_modules/@angular/upgrade/static.tsがロードされるはずであることをブラウザーに伝えるような指示があります。これは、代わりに

  • node_modules/@angular/upgrade/static.js、または
  • node_modules/@angular/upgrade/bundles/static.umd.js

の1あなたが持っている可能性が(と私は、この複数回遭遇しました)他の潜在的な問題をロードする必要がありますが、コメントアウトしたことですimportの文を@angular/upgrade/staticに送信します。

+0

ご協力いただきありがとうございます。ウェブパックのルートが別の場所に設定されているように見えます。それは今働く。 –

+0

@johnsam webpackの設定で何を変更しましたか?私はセットアップにも同様の問題があります。 – TheBlueMan

+0

@bluestring \t \t \t \t module.exportsは= { \t \t \t \t \tエントリ:{ \t \t \t \t \t \tベンダー './app/vendor'、主 \t \t \t \t \t \t」./ app/main '、 \t \t \t \t \t \t css : './app/styles。以下 \t \t \t \t \t}、 \t \t \t \t \t出力:{ \t \t \t \t \t \tパス:__dirname、 \t \t \t \t \t \t名:」./build/[name].bundle .js " \t \t \t \t \t}、 \t \t \t \t \t解決:{ \t \t \t \t \t \tルート:path.join(__ DIRNAME、 'アプリ')、 \t \t \t \t \t}、 \t \t \t \t \tモジュール:{ \t \t \t \t \t \t l oaders:[ \t \t \t \t \t \t \t { \t \t \t \t \t \t \t \t試験:/\.ts/、 \t \t \t \t \t \t \t \tローダー:[ 'のTS-ローダ']、 \t \t \t \t \t \t \t \tは除外する:/ node_modules/ \t \t \t \t \t \t \t} \t \t \t \t \t \t] \t \t \t \t \t} \t \t \t \t}。 –

関連する問題