2017-09-17 14 views
0

ang/cliの更新に問題があります。angle-cliを1.0.0-beta 28.3に更新すると@ angle/cli @ latestが失敗しました

私は今日角4.4.1に更新されたうまく動作するangle2アプリケーションを持っています。 angle4の下に--prod--aotのアプリを作成するとすべてうまく動作します。 @angular外の私の現在のバージョンは廃止されたため

angular-cli: 1.0.0-beta.28.3 
node: 6.9.5 
os: win32 x64 
@angular/animations: 4.4.1 
@angular/common: 4.4.1 
@angular/compiler: 4.4.1 
@angular/compiler-cli: 4.4.1 
@angular/core: 4.4.1 
@angular/forms: 4.4.1 
@angular/http: 4.4.1 
@angular/platform-browser: 4.4.1 
@angular/platform-browser-dynamic: 4.4.1 
@angular/platform-server: 4.4.1 
@angular/router: 4.4.1 

は今、私は更新私の角度-CLI 1.0.0-beta.82.3 @角度/ CLIの最新バージョンにしたかったです。そこnpm uninstall -g angular-clinpm install [email protected]/[email protected] Iはwebpackならびにnode-libs-browserならびにfile-loaderの互換バージョンについて、この警告の情報で解決はるかに警告した後

しかし、それは、このエラーのため、再び失敗しました:

Field 'browser' doesn't contain a valid alias configuration 
[...] 
@ ./src/app/main/main.component.css 6:12782-12818 
@ ./src/app/main/main.component.ts 
@ ./src/app/app.module.ts 
@ ./src/main.ts 
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts 

これは、CSSのすべての私のJPEGファイルのパッケージマネージャ検索ように思われました。 (assetsの)このCSSのコンポーネントの下にあり、src(アセット)の下にはありません。 今度はcliのバージョンをangular-cli: 1.0.0-beta.28.3にダウングレードし、新しい警告の過程でwebpackバージョン2.2.0をインストールしました。

しかし、新しいエラーでもあります。この現在のバージョン設定の下

ERROR in ng:///C:/Daten/example/project/src/app/blog-entry/blog-entry.component.html (27,36): Property 'blog_text' does not exist on type 'Blogs'. 

:この設定で

angular-cli: 1.0.0-beta.28.3 
node: 6.9.5 
os: win32 x64 
@angular/animations: 4.4.1 
@angular/common: 4.4.1 
@angular/compiler: 4.4.1 
@angular/compiler-cli: 4.4.1 
@angular/core: 4.4.1 
@angular/forms: 4.4.1 
@angular/http: 4.4.1 
@angular/platform-browser: 4.4.1 
@angular/platform-browser-dynamic: 4.4.1 
@angular/platform-server: 4.4.1 
@angular/router: 4.4.1 
@angular/cli: 1.4.2 

はすべてがng build --prod --aotせずに動作し、私の問題のthats。 npm uninstall --save @angular/cliで@ angular/cliを削除しました。

しかし、その上記のように同じエラープラスng versionによるエラー: がモジュール'C:\Daten\example\project\node_modules\@angular\cli\package.json'

を見つけることができません私は私が私のアプリを構築することができますいけないので、私にこの問題を解決するためのソリューションのアプローチを与えるために、誰もがそこにあると思います現在の問題。

ありがとうございます!

+1

[これらの正確な手順](https:// github。com/angular/angular-cli#updating-angular-cli)を更新するときは、最新のCLIを使用して新しいプロジェクトを構築し、そのプロジェクトにコードをコピーする方がよいかもしれません。このトラブルシューティングではなく、時間を節約できます。 –

+0

新しいプロジェクトを作成して比較することに完全に同意します。そして、おそらく誰もあなたのプロジェクトで角度クリティカルに更新する必要があることを正確には知りません: – alexKhymenko

+0

あなたの答えは大変ありがとうございます。設定に誤りが残っているので、この方法が必要です。 – Sash84

答えて

0

私は更新文書に依存しません。これは過去の私の仕事でした:

npm uninstall angular-cli -g 
npm cache clear 
npm install @angular/cli -g 

ng new myProjectName 

生成されたプロジェクトのsrcディレクトリの内容を、既存のものと置き換えてください。あなたは、サードパーティのLIBSを使用する場合は

は、新しく生成された.angular-cli.jsonでスタイルとスクリプトのプロパティを更新し、新たに生成されたプロジェクト

にあなたの資産のディレクトリ(もしあれば)をコピーします。

既存のプロジェクトに追加のパッケージを手動でインストールした場合は、新しく生成したプロジェクトでpackage.jsonを更新し、npm installを実行します。

+0

ありがとうあなたの答えのために多くの。私は一歩進んだが、それでもエラーはある:npm WARNオプション:スキップオプションの依存:[email protected]^1.0.0(node_modules \ chokidar \ node_modules \ fsevents): npm WARN notsupスキップオプションの依存:[email protected]のサポートされていないプラットフォーム現在の:{"os": "win32"、 "arch": "x64"}) – Sash84

+0

これはおそらくエラーではないでしょう - いくつかのオプションの依存関係を見つけることができません。 fseventsはMac OS用に作成されたものの、Windows上で実行されることを示しています。最新のバージョンのNode.jsをインストールして、この警告が消えるかどうかを確認することもできます。 –

+0

もう一度ご支援いただきありがとうございます。 (相対パス:.src/app/main/assets)を参照する多くの赤いエラーがあります... mainはコンポーネントですが、アセットディレクトリは 'src'の直下にあります - >このメッセージは与えられています:: Field 'browser'には有効なエイリアス設定/記述ファイルが含まれていません:.../package.json – Sash84

関連する問題