発生している問題
vue-cliを使って雛型を作り、vueファイルでwebページを作っています。
しかしscriptの中にclass文を1つ置いたところ、下記のエラーが起きました。
その内容にかかわらず、class文があることがエラーの要因のようです。
ただ、適当なvueインスタンスたるものをexport defaultすれば、エラーは収まります。
しかし、私は一連の現象とその原因がよくわかっていません。
vueファイルのscript欄には何も書かなくてもよい選択肢もあるが、class文を記述する場合は同欄でコンポーネントがexport defaultされてないといけない。
これは奇妙なので、どういう事かどなたか御指南頂ければ幸いです。
###エラーメッセージ
seedtest.vue とは、この質問におけるvueファイルです。
in ./src/components/seedTest.vue 21:2-16 "export 'default' (imported as '__vue_script__') was not found in '!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./seedTest.vue'
ソースコード
vue
1// エラーが起きている問題のファイル(seedTest.vu) 2<template> 3 <div> 4 <p>ここはテストです。</p> 5 <router-link to="/">Go to page1</router-link> 6 </div> 7</template> 8 9<script> 10class a{} //この1文で上記のエラー 11</script> 12 13<style></style> 14
vue
1// class文を諦めずとも、 2// 下のような適当なvueインスタンスたるものを追加すれば、エラーは収まった 3export default { 4 name: "first", 5 data() { 6 return { 7 msg: "Welcome to Your Vue.js App" 8 }; 9 } 10}; 11
補足情報
"vue": "^2.6.11", "vue-router": "^3.1.5",
...
"babel-core": "^6.26.3",
...
"webpack": "^4.41.5",
...
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/13 13:17