teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

コンポーネントの読込方法の修正を忘れていたので追記

2018/08/24 08:29

投稿

SystemAjisai
SystemAjisai

スコア174

answer CHANGED
@@ -20,4 +20,24 @@
20
20
  ```javascript
21
21
  import InputBase from '../components/_input_base';
22
22
  ```
23
- でちゃんと読み込めました。
23
+ でちゃんと読み込めました。
24
+
25
+
26
+ コンポーネントの読込については、
27
+ ```javascript
28
+ // Vue.component(InputBase.name, InputBase); ←これだと実行時にエラーになる
29
+ export default{
30
+ data:function(){
31
+ },
32
+ // ↓こっちだとOK!
33
+ components:{
34
+ InputBase,
35
+ },
36
+ }
37
+ ```
38
+ となりました。
39
+ ここはt_shinoharaさんにご回答いただいて気づけました。
40
+
41
+ そもそもimportのパスが間違ってたら、webpackでバンドルした時にエラーになるの知りました。
42
+ エラーにならなかった時点で、構文として認識されてないというのに気付くべきでした。。。
43
+ お勉強になりました。