タグ付けされた質問 「angular-cli」

Angular CLIは、Angular(バージョン2+)アプリケーションを構築、管理、デプロイするためのコマンドラインインターフェイスです。

7
Angular Karma Jasmineエラー:不正な状態:ディレクティブの要約を読み込めませんでした
私はgithubリポジトリ(angular 7とangular-cli)を開発しており、masterブランチでKarmaとJasmineを使用していくつかのテストを行っています。 今、私は遅延読み込み機能を追加しようとしています、それは、以前は合格したテストが、今はそうではないということです。レイジーローディングモジュールからのテストだけが失敗しているので面白いです... ここにコードとエラーがあります: import {async, TestBed} from '@angular/core/testing'; import {APP_BASE_HREF} from '@angular/common'; import {AppModule} from '../../app.module'; import {HeroDetailComponent} from './hero-detail.component'; describe('HeroDetailComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [AppModule ], providers: [ {provide: APP_BASE_HREF, useValue: '/'} ], }).compileComponents(); })); it('should create hero detail component', (() => { const …


3
angle-cliツールの--base-hrefパラメーターと--deploy-urlパラメーターの違いは何ですか
Angularのドキュメントには--base-href、サーバーのサブフォルダーにデプロイするときに、本番用のAngularアプリケーションビルドでパラメーターを使用する必要があることが記載されています。 ファイルをサーバーサブフォルダーにコピーする場合は、ビルドフラグを追加し --base-href、<base href>適切に設定します。 たとえば、index.htmlがのサーバー上にある場合は/my/app/index.html、ベースhrefを次の<base href="https://stackoverflow.com/my/app/">ように設定します。 https://angular.io/guide/deployment ただし、angular-cliには--deploy-urlパラメーターがあります。ツールのドキュメントでは、次のように説明されています。 ファイルがデプロイされるURL。 https://github.com/angular/angular-cli/wiki/build アプリケーションがサーバーのサブフォルダーにデプロイされるときの--deploy-url意図を使用するソリューションを見てき--base-hrefました。 質問 角度CLIツールのパラメータ--base-hrefとの違いは何--deploy-urlですか?それぞれをいつ使用する必要がありますか?

4
Angular cli-ngserve時に自動リロードを無効にする方法
Angular cliを使用してアプリを提供する場合、自動リロードを無効にするにはどうすればよいですか? ng --help--live-reloadオプションについて言及していますが、私はそれを機能させることができません。 ng serve --live-reload=falseまたは動作ng serve --live-reload falseしない 編集:それはバグのようですhttps://github.com/angular/angular-cli/issues/1755

5
Angularコンパイラは何を「コンパイル」しますか?
今日はそれを聞かれ、適切な答えを出すことができませんでした。 TypescriptはJSにトランスパイルします。次に、ツリーの揺れ、「少ない」(オプション)、および展開を行うプロセスで他に何が発生します。しかし、そのようなもの(afaik)は「コンパイル」とは何の関係もありません。すべてがバンドルされ、大幅に最適化されていますが、実際にはコンパイルされていませんよね? 「事前」コンパイラーもあります。これは本当に注目に値する仕事をします。何が恋しいですか? Javascript自体はまだ解釈されていますよね?


6
Angularの構築と実行方法
Angularがどのように構築され、舞台裏で実行されるかを知りたいだけですか? 以下は私がこれまでに理解したことです。私が何かを逃したかどうか知りたいです。 Angularの構築方法 TypeScriptを使用してAngularアプリをコーディングした後、AngularCLIコマンドを使用してアプリをビルドします。 ng buildコマンドはアプリケーションを出力ディレクトリにコンパイルし、ビルドアーティファクトはdist/ディレクトリに保存されます。 内部プロセス 1. Angular CLIはWebpackを実行して、すべてのJavaScriptおよびCSSコードをビルドおよびバンドルします。 2. 次に、WebpackはTypeScriptローダーを呼び出します。TypeScriptローダー.tsはAngularプロジェクト内のすべてのファイルをフェッチし、それらをJavaScript、つまり.jsブラウザーが理解できるファイルに変換します。 この投稿によると、Angularには2つのコンパイラがあります。 コンパイラの表示 モジュールコンパイラ ビルドに関する質問 ビルドプロセスを呼び出すシーケンスは何ですか? Angular CLIは、最初にTypeScript =>で記述されたAngular組み込みコンパイラを呼び出し、次にTypeScript Transpiler =>を呼び出し、次にWebpackを呼び出してディレクトリにバンドルして保存しdist/ます。 Angularの実行方法 ビルドが完了すると、アプリのすべてのコンポーネント、サービス、モジュールなどがJavaScript .js、ブラウザーでAngularアプリケーションを実行するために使用されるファイルにトランスパイルされます。 内の文角度ドキュメント あなたとブートストラップするときAppComponentのために(main.tsで)クラス、角度ルックス<app-root>でindex.html、それを見つけAppComponentのインスタンスをインスタンス化し、内部でそれをレンダリング<app-root>タグ。 Angularは、ユーザーがアプリケーション内を移動するときにコンポーネントを作成、更新、および破棄します。 ランニングに関する質問 が、main.ts角度のアプリは、ブートストラップやJavaScriptの使用開始されていないブートストラッププロセスを説明するために上の文で使用されている.jsファイルは? 上記のすべてのステートメントは、JavaScript.jsファイルを使用して実行時に実行されませんか? すべてのパーツがどのように深く組み合わされているか知っている人はいますか?


1
Angular Service Worker-リソースの読み込みに失敗しました:サーバーがステータス504(ゲートウェイタイムアウト)で応答しました
私はアプリでAngular-CLI 1.6.6とを使用して@angular/service-worker 5.2.5いますAngular 5.2.5。本番環境で1つのエラーメッセージが表示されることを除いて、すべてがローカルのliteサーバーと本番サーバーで正常に機能します。 リソースのロードに失敗しました:サーバーはステータス504(ゲートウェイタイムアウト)で応答しました 探しているngsw-worker.jsエラーメッセージが上記生成される(以下2466)スクリプトIが発見行: async safeFetch(req) { try { return await this.scope.fetch(req); } catch (err) { this.debugger.log(err, `Driver.fetch(${req.url})`); return this.adapter.newResponse(null, { status: 504, statusText: 'Gateway Timeout', }); } } キャッチでのコンソールログエラーにより、次のエラーが発生します。 TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode at Driver.safeFetch (ngsw-worker.js:2464) …

2
エラー:依存関係を実際のバージョンのcore-js @ 3にアップグレードしてください
実行しようとしていますnpm startが、「ハンドルされない例外が発生しました:モジュール "@ angular-devkit / build-angular"が見つかりませんでした」というエラーメッセージnpm install @angular-devkit/build-angularが表示されます。 エラー「npm WARNは非推奨のcore-js@2.6.11:core-js @ <3は維持されておらず、問題の数が多いため使用をお勧めしません。依存関係を実際のバージョンのcore-js @ 3にアップグレードしてください」 依存関係をアップグレードするにはどうすればよいですか?

4
ビルド中に、呼び出しの再試行が例外を超えました
例外に直面していますng build(差分読み込み用のES5バンドルを生成しています...) An unhandled exception occured: Call retires were exceeded 使用されているバージョン: Angular-CLI: 8.3.20 角度: 8.2.7 ノード: 12.12.1 ログにも記載されています [error] Error: Call retries were exceeded at ChildProcessWorker.initialize

1
なぜAngular 9は自分でコードをプリコンパイルする必要があるのですか?
プロジェクトをAngular 9にアップグレードしました。最初に気付いたのは、CIでビルド時間が大幅に増加したことです(2分から4分に)。 ログを分析すると、テストまたはビルドが実行されるたびに、CLIがプリコンパイルを実行します。これは新しいIvyアーキテクチャが原因ですが、私の理解から、このコンパイルはIvy互換でないコードでのみ発生するはずです。 それでCompiling @angular/common : es2015 as esm2015、ビルドに多くの(主に@angularパッケージから)が表示されるのはなぜですか?Angularコード自体はIvyと互換性があってはいけませんか? 注:これは新しいプロジェクトでも発生します(ライブラリが少ない場合のみ)。 更新 これは、ビルドが必要なすべてのコマンドで発生します。例: ng test --code-coverage=true --watch=false --browsers=ChromeHeadle ng b -c=staging --aot アップデート2 私は私は比較のためにビルドを追加している:角度事前9とした後、角9移行(ビルドはまだ失敗が、私たちは〜に〜2分で、合計実行の4分を基準にユニットテストを使用することができます)

2
Angular(7)コンポーネントはhtmlファイルのみを受け入れます
コンポーネントは次のように定義されています: import {Component} from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.less'] }) export class AppComponent { } 「app.component.html」ではなく、特定のコンポーネントを、「htm.app.component.htm」という拡張子の付いたファイルでロードしたい @Component({ selector: 'app-root', templateUrl: './app.component.htm', styleUrls: ['./app.component.less'] }) なんらかの理由で機能しません: ERROR in ./app.component.htm 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type. <p> …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.