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

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

30
モジュール「@ angular-devkit / build-angular」が見つかりませんでした
Angular 6.0.1に更新した後、次のエラーが発生しng serveます: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) ng updateすべてが順調であると言います。node_modulesフォルダーの削除と新規npm installインストールでも効果がありませんでした。 私のプロジェクトはng2-admin(Angular4バージョン)に基づいています。これが私のpackage.jsonの依存関係です: "dependencies": { "@angular/animations": "^6.0.1", "@angular/common": "^6.0.1", "@angular/compiler": "^6.0.1", "@angular/core": "^6.0.1", "@angular/forms": "^6.0.1", "@angular/http": "^6.0.1", "@angular/platform-browser": "^6.0.1", "@angular/platform-browser-dynamic": "^6.0.1", "@angular/platform-server": "^6.0.1", …


15
ローカルバージョンよりも新しいグローバルAngular CLIバージョン
実行するng serveと、グローバルCLIバージョンがローカルバージョンよりも大きいという警告が表示されます。この警告で問題に気づくことはありませんが、2つのバージョンを同期させる必要があるかどうか疑問に思っていましたか?また、グローバルバージョンがある場合、ローカルバージョンが必要ですか? 警告: Angular CLIのグローバルバージョン(1.1.1)がローカルバージョン(1.0.6)よりも新しい。ローカルのAngular CLIバージョンが使用されます。
353 angular-cli 

16
Angular CLI SASSオプション
私はAngularを初めて使用し、Emberコミュニティから来ました。Ember-CLIに基づく新しいAngular-CLIを使用しようとしています。 新しいAngularプロジェクトでSASSを処理する最良の方法を知る必要があります。ember-cli-sassAngular-CLIの多くのコアコンポーネントがEmber-CLIモジュールで実行されているため、うまく機能するかどうかを確認するためにリポジトリを使用してみました。 それは機能しませんでしたが、私が何かを誤って設定しただけかどうか再びわかりません。 また、新しいAngularプロジェクトでスタイルを整理する最良の方法は何ですか?コンポーネントと同じフォルダにsassファイルがあると便利です。



30
Angular CLIプロジェクトにブートストラップを追加する方法
私たちは、angular-cli 1.0.0-beta.5(w / node v6.1.0)で生成されたアプリでブートストラップ4(4.0.0-alpha.2)を使用したいと思います。 npmでブートストラップとその依存関係を取得した後、最初のアプローチはそれらをangular-cli-build.js次の場所に追加することでした。 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', にインポートします index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> これは問題ng serveなく動作しましたが、-prodフラグ付きのビルドを作成するとすぐに、これらの依存関係はすべてなくなりましたdist/vendor(驚き!)。 angular-cliで生成されたプロジェクトでこのようなシナリオ(つまり、ブートストラップスクリプトの読み込み)をどのように処理することを意図していますか? 次のような考えがありましたが、どちらに進むべきか本当にわかりません... CDNを使用しますか?しかし、これらのファイルが利用可能になることを保証するために、むしろこれらのファイルを提供します 依存関係をdist/vendor私たちの後にコピーしますng build -prodか?しかし、ビルド部分を「処理する」ので、angular-cliが提供するもののように思えますか? jquery、ブートストラップ、テザーを追加しsrc/system-config.ts、どういうわけかそれらをバンドルに追加しmain.tsますか?しかし、アプリケーションのコードでそれらを明示的に使用しないことを考えると、それは間違っているように見えました(たとえば、moment.jsやlodashのようなものとは異なります)。

6
tslint / codelyzer / ng lintエラー:「for(…in…)ステートメントはifステートメントでフィルタリングする必要があります」
リントエラーメッセージ: src / app / detail / edit / edit.component.ts [111、5]:for(... in ...)ステートメントは、ifステートメントでフィルタリングする必要があります コードスニペット(これは動作するコードです。angular.ioフォーム検証セクションでも入手できます): for (const field in this.formErrors) { // clear previous error message (if any) this.formErrors[field] = ''; const control = form.get(field); if (control && control.dirty && !control.valid) { const messages = this.validationMessages[field]; for (const key in control.errors) …




12
インストールされているangular-cliのバージョンを確認していますか?
自分のマシンにグローバルにインストールされているangular-cliの特定のバージョンを確認する方法はありますか?私はWindows環境にいます。 npm -vとnode -vは、それぞれnpmとnodeのバージョンのみを提供し、ngでコマンドを見つけることができないようです。 私が取り組んでいるプロジェクトを実行しようとしていますが、npmを使用して古いバージョンのangular-cliで実行されていました。ただし、他のデモプロジェクトをインストールした後、私のメインプロジェクトは、特定のバージョンでangular-cliをアンインストールして再インストールしないと機能しなくなります。

23
エラー:ローカルワークスペースファイル( 'angular.json')が見つかりませんでした
私がしているtravis-ci私のGitHubのアカウント(と統合https://github.com/pradeep0601/Angular5-Router-App)。 @angular/cli1.7.4から6.0.0-rc.3にバージョンを更新すると、ビルドがエラーで失敗し始めました。 Local workspace file ('angular.json') could not be found. Error: Local workspace file ('angular.json') could not be found. at WorkspaceLoader._getProjectWorkspaceFilePath (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:37:19) at WorkspaceLoader.loadWorkspace (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:24:21) at TestCommand._loadWorkspaceAndArchitect (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:177:32) at TestCommand.<anonymous> (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:45:25) at Generator.next (<anonymous>) at /home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:7:71 at new Promise (<anonymous>) at __awaiter (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:3:12) at TestCommand.initialize (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:44:16) at /home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/command-runner.js:100:23 実行環境をよりよく理解するためのpackage.jsonスニペット: "@angular/cli": …


23
Angular-CLIを使用して特定のモジュールにコンポーネントを作成する
私はangular-cliを使い始めており、私は何をしたいのかについての答えを見つけるためにすでにたくさん読んでいます...成功しなかったので、私はここに来ました。 新しいモジュールのコンポーネントを作成する方法はありますか? 例えば: ng g module newModule ng g component newComponent (このコンポーネントをnewModuleに追加する方法?) angular-cliのデフォルトの動作では、すべての新しいコンポーネントを内に配置するためapp.moduleです。コンポーネントを配置する場所を選択したいので、個別のモジュールを作成でき、すべてのコンポーネントが中にありませんapp.module。angular-cliを使用してそれを行うことは可能ですか、またはこれを手動で行う必要がありますか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.