2016-09-01 4 views
3

現在のAngular 2 CLIプロジェクトで1.0.0-beta.11-webpack.8にアップグレードしました。また、アップグレードしたCLIの予想されるプロパティと一致するようにangular-cli.jsonを更新しました。私はサーブNG実行すると、私はこのエラーを取得する:Angular 2 CLI最新の最新のngサービスにアップグレードするとエラーが発生する

`Cannot read property 'length' of undefined 
TypeError: Cannot read property 'length' of undefined 
    at Object.getWebpackCommonConfig (/Applications/MAMP/htdocs/learnloop/node_modules/angular-cli/addon/ng2/models/webpack-build-common.ts:23:25) 
    at new NgCliWebpackConfig (/Applications/MAMP/htdocs/learnloop/node_modules/angular-cli/addon/ng2/models/webpack-config.ts:13:30) 
    at Class.exports.default.Task.extend.run (/Applications/MAMP/htdocs/learnloop/node_modules/angular-cli/addon/ng2/tasks/serve-webpack.ts:19:22) 
    at /Applications/MAMP/htdocs/learnloop/node_modules/angular-cli/addon/ng2/commands/serve.ts:84:26 
    at process._tickCallback (internal/process/next_tick.js:103:7)` 

私はしばらくの間これで取り組んが、これらのすべてのコマンドを実行し、角度CLIが壊れた状態にならないために取得した後、私はこれに実行していますよ問題。ここで私が走ったコマンドは次のとおりです。

`npm uninstall -g angular-cli 
npm cache clean 
npm install -g [email protected] 
rm -rf node_modules dist tmp typings 
npm install --save-dev [email protected]` 

そして最後に、ここでは、私が実行しているノードのバージョン、NPM、および角度CLIです:

Node v6.4.0 NPM 3.10.3 angular-cli: 1.0.0-beta.11-webpack.8

そして、ここでは私のangular-ですcli.json:

`{ 
    "project": { 
    "version": "1.0.0-beta.11-webpack.8", 
    "name": "learnloop" 
    }, 
    "apps": [ 
    { 
     "main": "src/main.ts", 
     "tsconfig": "src/tsconfig.json", 
     "mobile": false, 
     "prefix": "app", 
     "root": "src", 
     "styles": [ 
     "styles.scss" 
     ] 
    } 
    ], 
    "addons": [], 
    "packages": [], 
    "e2e": { 
    "protractor": { 
     "config": "config/protractor.conf.js" 
    } 
    }, 
    "test": { 
    "karma": { 
     "config": "config/karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "scss", 
    "prefixInterfaces": false, 
    "lazyRoutePrefix": "+" 
    } 
}` 

私は、テキストのhuuuuge壁をお詫び申し上げますが、私はあなたのすべては、あなたが潜在的にこれを支援するために必要なすべてを持っていたことを確認したかったです。私はここで間違って何をしていますか?

+0

最新のangular-cliにアップデートした後、私と同じ問題が発生しました。 –

答えて

1

私はこれを動作させることができました。あなたの角度-cli.json(編集応じて)にこれを貼り付けてみてください。

{ 
    "project": { 
    "version": "1.0.0-beta.11-webpack.8", 
    "name": "<name-of-app>" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": "assets", 
     "index": "index.html", 
     "main": "main.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.json", 
     "prefix": "app", 
     "mobile": false, 
     "styles": [ 
     "styles.scss" 
     ], 
     "scripts": [], 
     "environments": { 
     "source": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts", 
     "dev": "environments/environment.dev.ts" 
     } 
    } 
    ], 
    "addons": [], 
    "packages": [], 
    "e2e": { 
    "protractor": { 
     "config": "./protractor.conf.js" 
    } 
    }, 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "scss", 
    "prefixInterfaces": false, 
    "lazyRoutePrefix": "+" 
    } 
} 

次に、ルートプロジェクトディレクトリ内ng initを入力します。それはあなたに別のファイルの束を置き換えるか、それらを維持するように頼むでしょう。ファイル間には若干の違いがありますが、特にapp.module.tsの内部にあるので、まずファイルの構造とコードが変更されるので、最初にコミットしてください。

+0

@ Steve Starこのファイルは、現在のAngi-cliバージョンで生成されたファイルと同じですが、コンソール出力は引き続き表示されます。 –

1

nodejsのバージョンを最新のもの(現在v.7.2)にアップデートしてみてください。それは私のために働いて失敗しました。

関連する問題