私は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>
私は、 '予期しないトークン{' in/src/App.vue'だと思います。 – thanksd
私はvueを初めて使用しています。私はどんなファイルにも触れていませんでした。それはまったく新しいインストールです。それが私にはおかしいと感じています。 – ste
hmm私はあなたのステップを繰り返し、それは私のために働いた。 – thanksd