Uncaught SyntaxError: Unexpected identifierの解決方法

Question

下記の記述でエラーが出てしまうのですがどこが間違っているのか分かりません。
分かる方いましたらお願いいたします。

GooglebooksAPIとVue.jsを使って書籍検索アプリを作成中です。
下記のファイルはaseets/javascript/main.jsです。
const vm = new Vue({
el: '#app',
data() {
return{
query:'',
items:[],
}
},
methods:{
getResult(query){
axios.get("https://www.googleapis.com/books/v1/volumes?q=search" + query).then(response => {
console.log(response.data);
this.items = response.data.items;
});
}
}
});

Comments

[2KOH]

質問を編集し、コード部分は Markdown のコードブロックを使って記述してください。
また、エラーが出るまでの手順と、エラーメッセージを記述してください。

[AkitoshiManabe]

エラーメッセージをタイトルに埋め込まないでください。
検索するときにノイズになります。

Answer 1

解決方法

Google翻訳において、Unexpected identifier は 予期しない識別子になります。
単純に「コードを正しく書けていない」ことに起因しています。
(開発者コンソールで確認できるエラーからは、原因となるファイル名、行番号も示されていると思いますので、原因箇所の特定は早いと思います)

エラー箇所の特定後、正しいコードに訂正してください。

---

この説明で不十分な場合は、次の方法で検索してみてください。

1. 検索時に「Uncaught SyntaxError: Unexpected identifier -teratail.com」とteratail.comを除外検索すると、エラー原因や対策のページがヒットすると思います。
2. 得られたヒントに基づいてコードを訂正してください。

※以前は エラーメッセージだけでもヒントとなる記事がヒットしていましたが、現在は、ノイズを含めた質問記事が多く投稿されているため teratail.com を除外して検索する ことが早期解決のポイントになると思います。