問題タブ [angular2-aot]

angular-cli git https://github.com/angular/angular-cli/issues/3701で発生して問題が発生しましたが、ここに投稿するように言われました。

2.0.0angularへの最近のアップグレードまで、私の角度プロジェクトは正常に機能していました2.3.1。

childrenルート に を追加すると、次のエラーが発生します。 ERROR in Error encountered resolving symbol values statically. Calling function 'label', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol ActionTypes in C:/Workspace/xxx/src/app/game-vendor.action.ts, resolving symbol gameVendorRoutes in C:/Workspace/xxx/src/app/game-vendor/game-vendor.routing.ts, resolving symbol gameVendorRouting in C:/Workspace/ xxx/src/app/game-vendor/game-vendor.routing.ts, resolving symbol gameVendorRouting in C:/Workspace/xxx/src/app/game-vendor/game-vendor.routing.ts, resolving symbol GameVendorModule in C:/Workspace/xxx/src/app/game-vendor/game-vendor.module.ts, resolving symbol GameVendorModule in C:/Workspace/xxx/src/app/game-vendor/game-vendor.module.ts

コメントされたコードが問題を引き起こしています。 export const gameVendorRoutes: Routes = [ { path: 'gamevendors', component: InnerPageRegionComponent, children: [ { path: 'get', component: GameVendorGetComponent, data: { title: 'Get Game Vendor', description: 'Get Game Vendor', keywords: ['get', 'game', 'vendor', 'get game vendor'], category: 'Game Vendor', }, }, // { // path: 'create', // component: GameVendorCreateComponent, // data: { // title: 'Create Game Vendor', // description: 'Create Game Vendor', // keywords: ['create', 'game', 'vendor', 'create game vendor'], // category: 'Game Vendor', // recallAction: actions.ActionTypes.UPDATE_STORE, // }, // }, ], }, ]; export const gameVendorRouting: ModuleWithProviders = RouterModule.forChild(gameVendorRoutes);

この問題の回避策はありますか??

angular cli で AOT を使用すると、テンプレート タグを使用してコンテンツを渡すたびに、コンポーネントの 1 つでこの奇妙なちらつきが発生します。

成分：

コンポーネント テンプレート:

使用法：

ここで何が起こっているか知っている人はいますか？残念ながらそれに関する情報は見つかりませんでした。

状況によっては、ここにある事前コンパイルのクックブックを実行し始めたばかりですが、エラーが直接関連しているとは思いません: https://angular.io/guide/aot-compiler

私は Visual Studio 2015 を使用しており、Angular 2 プロジェクトを新しくリリースされた 2.4 に更新し、すべてが正常にビルドされました。ただし、tsconfig.json ファイルを変更"lib": [ "es2015", "dom" ]して、compilerOptions に追加しました。ファイルは次のようになります。

この変更の後、再ビルドしたところ、次のビルド エラーが発生しました。

ビルド: 識別子 'PropertyKey' が重複しています。

私はいくつかの調査を行い"@types/core-js": "^0.9.34"、package.json ファイルから削除することにしました。これにより、そのエラーは解決されたようですが、現在、次の新しいエラーのインスタンスがいくつかあります。

ビルド: 'Set' という名前が見つかりません

ビルド: 名前 'Promise' が見つかりません

ビルド: 'Map' という名前が見つかりません

これが私の完全なpackage.jsonファイルです：

新しいリリースの最新情報を入手するために、サンプルの package.json ファイルの依存関係部分をほぼコピーしました: https://angular.io/guide/quickstart

そのリンクは、私が見つけることができる唯一のものであるため、JavaScript バージョン用ですが、実際には TypeScript 2.1.4 を使用しています。そのため、このファイルの一部が古くなっている可能性があります。どの部分を具体的に決定するかはわかりません。

AOTコンパイルでAngular CLIを使用しているときに、より詳細なエラースタックトレースを取得する方法を知っている人はいますか? JIT コンパイルで実行している場合、アプリに問題はありませんが、実行すると、ng build --aot次のようになりますTypeError: Cannot read property "length" of undefined。エラーの原因がどこにあるかについての情報はありません。テンプレートの 1 つに問題があると思いますが、どれが問題なのかわかりません。

Angular CLI (1.0.0-beta.24) と Angular 2 (2.4.1) の最新バージョンを使用しています。

編集

ng serve --aotコマンド使用時のコンパイラからの完全なメッセージは次のとおりです。

Ionic rc3 から rc4 にアップグレードした後、アプリを実行するのに苦労しています。

実行してアプリをビルドすると、ionic-app-scripts build --prodエラーなしで正常にコンパイルされます。

しかし、iPhone でアプリを実行すると、空白の画面が表示され、Safari コンソールに次のエラーが表示されます。

ソースマップの生成に関係しているようだったので、オフにしてみましたが、だめでした。ionic-app-scripts build --prod --generateSourceMap=false

次に、空のアプリを作成しましたが、問題なく動作しました。したがって、特に私のアプリに問題があるようです。ただし、このエラーのデバッグをどこから開始する必要があるかわかりません。私はすでにエラーが発生したファイルを調整しようとしましたが、それも役に立ちませんでした (そして、それはきれいな解決策でもありません)。

どんな助けでも大歓迎です。

編集: ionic-app-scripts に重大な変更が見られませんでした。tsconfig.json を変更する必要がありましたが、新しいエラーが発生しました。

Uncaught Error: Cannot find module "./app.module.ngfactory"

Angular 1.5 アプリケーションを Angular 2 にアップグレードしています。

このアプリでは、各「機能」に独自の Angular 1 モジュールが必要であると判断しました。

ただし、すべての機能を利用できないユーザーもいます。Angular ブートストラップの前にフラグを介して制御します。

したがって、次のようにします。

これらの「dep」のそれぞれは、他の Angular 1 モジュールです。

Angular 2 にはこのためのメカニズムがありますか? AoTで動作しますか？遅延読み込みについては知っていますが、それは私が考えたルートだけですか?

ありがとう！ジョー

現在、ビルドおよび開発作業に webpack@2.1.0-beta.27 を使用する Angular@2.4.1 アプリがあります。この設定では、index.html と login.html の 2 つのスタートアップ ページがあるため、どちらにも独自の個別のブーストストラップとモジュールがあります。この設定は問題なく動作します。

しかし、今、AOT をミックスに追加しようとしていますが、両方を機能させることができません。

たとえば、index.html が機能する場合、login.html は「エラー: セレクター "my-app" はどの要素とも一致しませんでした」というエラーを返します。同様に、login.html が機能する場合、index.html は「エラー: セレクター "my-login" はどの要素とも一致しませんでした」というエラーを返します。

さらに掘り下げる前に、このシナリオ (複数エントリ) が AOT で可能かどうか教えてもらえますか?

私はAngular 2.0が初めてです

私はgitからプロジェクトをダウンロードします。

プロジェクトを実行するための前提条件は、次の手順です。

1) npm install && bower install

2) npm run install-application

-AOT コンパイル -ツリーシェイク -単一ファイルへのアプリのバンドル

2) npm 実行開始

-AOTコンパイルを除くすべての手順を実行します。

npm install -AOT コンパイルを実行すると、上記のエラー が表示されます ここに画像の説明を入力してください

AOT angular 2 サンプルの作成中のコンパイルの問題

コマンド「npm run rollup -c rollup-config.js」の実行中

「エントリを解決できません (app/main-aot.ts)」