問題タブ [angular-devkit]

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 に答える
286 参照

angular - プログラムで一連のテストをカルマに指定する方法は?

事はそうです。Angular Test Explorer を構築しています。次のように karma モジュールを使用して、すべてのテストを表示し、それらをまとめて実行できます。

シェルを作成して --grep を渡す特定の一連のテストを実行することもできます

残念ながら、一連のテストを実行する方法は、OS によってシェルが異なるため、動作が異なります。これは私にいくつかの問題を与えています。

angular cliがカルマ実行を行い、通常のngテストを行うときに一連のテストを指定していることを誰かが指摘できないかどうか疑問に思っていました。

カルマ リポジトリで質問し、回答なしでサポートしたので、ここで質問しています。Angular devkit のリポジトリでコードのその部分を見つけようとしました。彼らが karma.server を実行する場所を見つけましたが、必要な部分が見つかりませんでした。

0 投票する
0 に答える
90 参照

css - angular ビルドで追加の CSS ファイルをビルドする

バックグラウンド

@angular-builders/custom-webpackangularビルドのwebpack構成をカスタマイズできます。チュートリアルはこちら。これを使用して、Web 拡張 (Chrome/Firefox) 用の追加スクリプトを作成しています。

これが私extra.webpack.config.jsが含めたものですangular.json

予想どおり、それは を出力background-script.jsし、Angular ビルド アーティファクトfill-manager.jsと一緒に出力します。site-bridge.jsこの webpack 構成は angular の webpack 構成とマージされるため、単一のangular.jsonファイルからすべての最適化、ハッシュ、ソース マップなどを制御できます。

問題

また、拡張スクリプトで使用され、angular ビルドによって制御される追加の css ファイルをバンドルしたいと考えています。

特定のルール、ローダーなどを追加できるかもしれませんがextra.webpack.config.js、postcss、autoprefixer、sass loader などは既に angular 内で行われているため、扱いたくありません。

スクリプト ファイルと同様に、内部に css エントリを追加するだけでextra.webpack.config.jsは css ファイルは生成されません。

css/scss ファイル エントリを指定してextra.webpack.config.js、angular に基づく構成を使用してバンドルされた css ファイルを出力する方法はありますか?

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

angular - Angular ワークスペース ライブラリ - デバッグ エラー: エントリ ビルド エラーを解決できませんでした

デバッグ方法がわからないというエラーが表示されるワークスペース ライブラリがあります。

BUILD ERROR エントリを解決できませんでした (C:_dev\my-app\presentation\angular-workspace\dist\my-app-ui\esm2015\my-app-ui.js) エラー: エントリを解決できませんでした (C:_dev\ my-app\presentation\angular-workspace\dist\my-app-ui\esm2015\my-app-ui.js) エラー時 (C:_dev\my-app\presentation\angular-workspace\node_modules\rollup\dist) \rollup.js:3460:30) C:_dev\my-app\presentation\angular-workspace\node_modules\rollup\dist\rollup.js:21474:17 で

このエラーの意味を理解するのに役立ちます。ライブラリの「エントリ ポイント」がその publi-api ファイルであることはわかっており、具体的にどのモジュールをここに含めることで、問題の原因になっているのかがわかります。

モジュール自体はかなり軽量です。

パブリック API:

編集 別のライブラリのモジュールを含めるように絞り込みました(パブリックAPIを介して直接ではありません)

それの何が問題なのですか??

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

angular-devkit - コードで指定したモジュールにファイルを追加できません

私は Web アプリケーションに取り組んでおり、そのためにモデル、json ファイル、1 つのコンポーネント、およびサービスとモック データ ファイルを作成しています。次に、gateway-module.ts で DiagnosticsRepository、GatewayDiagnosticsRest、GatewayDiagnosticsService を提供し、それをさらに app mudule.ts にインポートします。しかし、コードを実行するとエラーが発生します。

src/app/gateway/gateway.module.ts(105,15) のエラー: エラー TS2304: 名前 'DiagnosticsRepository' が見つかりません。src/app/gateway/gateway.module.ts(105,37): エラー TS2304: 名前 'DiagnosticsRest' が見つかりません。src/app/gateway/gateway.module.ts(105,53): エラー TS2304: 名前 'DiagnosticsService が見つかりません

'。

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

angular - 角度更新後のブートストラップ SCSS エラー

最近、プロジェクトを angular バージョン 7 から 8 にアップグレードしました。しかし、コマンドを発行npm startすると、Bootstrap.

この後、コンパイルは次のエラーメッセージで失敗します

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

angular-cli - ライブラリを生成できません。無効なルール結果: クラス Promise のインスタンス

実行中ng generate library mylib

次のエラーが表示されます。

無効なルール結果: クラス Promise のインスタンス。

パッケージの問題だと思いますが、問題の原因を特定する方法がわかりません。

ここに私のpackage.jsonがあります

npm バージョン 6.9.0

ノード バージョン 10.16.0

他に何か必要な場合はお知らせください。ありがとう!