質問編集履歴

3

2020/04/10 11:36

投稿

span
span

スコア32

test CHANGED
File without changes
test CHANGED
File without changes

2

2020/04/10 11:36

投稿

span
span

スコア32

test CHANGED
File without changes
test CHANGED
File without changes

1

エラーのテキスト追記

2020/04/10 08:08

投稿

span
span

スコア32

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,30 @@
1
1
  [こちらの記事](https://qiita.com/masaakikunsan/items/dad8d84807918f3a43cb)を元にvue環境にstorybookを導入しているのですがcomponents/Button.vueをimportしてstorybookをビルドした段階で下記のようなエラーが出てしまいます。
2
2
 
3
3
  ![イメージ説明](89787a5c0484f52b16cb7dd5b7baacc6.png)
4
+
5
+ > エラー(テキスト)
6
+
7
+ ```
8
+
9
+ ERROR in ./src/components/Button.vue 1:0
10
+
11
+ Module parse failed: Unexpected token (1:0)
12
+
13
+ You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
14
+
15
+ > <template>
16
+
17
+ | <button
18
+
19
+ | @click="handleClick"
20
+
21
+ @ ./src/stories/index.js 2:0-46 6:26-32
22
+
23
+ @ ./.storybook/config.js
24
+
25
+ @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js ./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=true
26
+
27
+ ```
4
28
 
5
29
 
6
30