問題タブ [angular-elements]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
211 参照

angular - VueJs アプリケーション内で Angular6 アプリケーションを使用する

Restfull API に HTTP リクエストを送信する Angular アプリケーション (バージョン 6.1.5) があります。

Angular アプリではモジュラー アプローチを使用しています。アプリ レベルのルーティング構成があり、各モジュールには独自のルーティング構成があります。

このセットアップは完全に問題なく、問題なく実行されます。

新しい要件に従って、VueJS アプリケーションでこの Angular アプリケーションを使用する必要があります。

最初の調査の後、Angular Elements を使用して角度のあるビルドを作成しました。VueJS でこのビルド (JS と CSS ファイルを含む) を使用しました。

更新すると、Angular アプリケーションのルートが機能せず、空白の画面しか表示されません。

したがって、角度要素を使用するという私たちのアプローチが正しいかどうかを知りたいのです。または、VueJS アプリケーション内で角度アプリケーションを使用するためのより良い方法はありますか。

ご協力いただきありがとうございます。

0 投票する
2 に答える
37 参照

angular - 最適化のため、angular アプリケーション prod issue 内で @angular/elements で作成された customElements ライブラリを使用します

私は奇妙な問題に直面しています。あなたの何人かが同じ問題に直面したのではないかと思います. このチュートリアルを使用して、@angular7 と @angular/elements で作成されたカスタム要素ライブラリに実際に取り組んでいます: https://medium.com/@aks1357/getting-started-with-angular-elements-d13a967b03df

問題は、実行中は非常にうまく機能ng serveしますが、ライブラリを使用してアプリをビルドするとすぐにng build --prod、正規表現または最大スタック呼び出しサイズの超過に関するエラーが発生し始めることです。

問題は、プロダクション モードで true に設定された最適化フラグに関するものであることがわかりました。しかし、コードを縮小すると問題が発生する理由がわかりません。

以前にこの問題に遭遇した人はいますか?

残念ながら、コードを共有することはできません。こんにちは NDA です。

0 投票する
1 に答える
220 参照

angular - 角度コンポーネント内に角度要素を埋め込む方法

2 つの別々のチームがプロジェクトに取り組んでおり、別々に出荷できる必要があるため、他の 2 つの角度プロジェクトをカプセル化する角度アプリケーションを構築しようとしています。角度要素を使用することにしました。共同ログインページの後にロードできるようにする必要があり、同時に表示されないようにする必要があります。プロジェクトをAngular要素としてエクスポートし、親アプリのindex.htmlにインポートすることができましたしかし、コンポーネント内で動作させることができません

スクリプトをindex.htmlファイルに追加して有効にしましCUSTOM_ELEMENTS_SCHEMAたが、アプリでエラーがスローされます

angular.json のスクリプト セクションに js ファイルを追加しようとしましたが、これも機能しません。の上部にあるインポートコマンドを使用してそれらを追加しようとすると、エラーもスローされますapp.component.ts