2017-03-22 5 views
0

私はvue jsを使用し始めました。私はチュートリアルに従っていました。私は、コマンドラインで次のように入力し始めるには:vueイニシアルで作成されたアプリケーションがエラーをスローします

vue init webpack test-app 

私はプロジェクトのタイトルを挿入し、著者、私は糸くずやテストフレームワークをインストールしないでください。 私はプロジェクトフォルダを入力して、NPMインストールとNPM実行DEVを実行しますが、私はこのエラーを取得:

ERROR Failed to compile with 2 errors                                   4:58:04 PM 

error in ./src/App.vue 

Syntax Error: Unexpected token { 

@ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"id":"data-v-17d125bb","scoped":false,"hasInlineConfig":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-303 13:3-17:5 14:22-311 
@ ./src/App.vue 
@ ./src/main.js 
@ multi ./build/dev-client ./src/main.js 

error in ./src/components/Hello.vue 

Syntax Error: Unexpected token { 


@ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"id":"data-v-369af42f","scoped":true,"hasInlineConfig":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/Hello.vue 4:14-313 13:3-17:5 14:22-321 
@ ./src/components/Hello.vue 
@ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 
@ ./src/App.vue 
@ ./src/main.js 
@ multi ./build/dev-client ./src/main.js 

> Listening at http://localhost:8080 

そして、私はローカルホストに行く場合:8080私は見ることができます:

Cannot GET/

ことができるもの新しいコードで間違っていますか?

EDIT:これは私がちょうど正確に同じ問題を抱えていたApp.vueファイル

<template> 
    <div id="app"> 
    <img src="./assets/logo.png"> 
    <hello></hello> 
    </div> 
</template> 

<script> 
import Hello from './components/Hello' 

export default { 
    name: 'app', 
    components: { 
    Hello 
    } 
} 
</script> 

<style> 
#app { 
    font-family: 'Avenir', Helvetica, Arial, sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    text-align: center; 
    color: #2c3e50; 
    margin-top: 60px; 
} 
</style> 
+1

私は、 '予期しないトークン{' in/src/App.vue'だと思います。 – thanksd

+0

私はvueを初めて使用しています。私はどんなファイルにも触れていませんでした。それはまったく新しいインストールです。それが私にはおかしいと感じています。 – ste

+0

hmm私はあなたのステップを繰り返し、それは私のために働いた。 – thanksd

答えて

3

です! Node.jsを最新のバージョン(7.7.4)に更新して解決しました。

+0

それは問題でした!私はノード上に最新のバージョン(homebrewを介してインストールされています)を持っていましたが、何らかの理由で私は古いバージョン(4.4.1)を実行し続けます。私はノードを削除し、それをnで再インストールしました。 – ste

関連する問題