質問編集履歴
3
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
2
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
1
エラーのテキスト追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
[こちらの記事](https://qiita.com/masaakikunsan/items/dad8d84807918f3a43cb)を元にvue環境にstorybookを導入しているのですがcomponents/Button.vueをimportしてstorybookをビルドした段階で下記のようなエラーが出てしまいます。
|
|
2
2
|
|
|
3
|
+
> エラー（テキスト）
|
|
4
|
+
```
|
|
5
|
+
ERROR in ./src/components/Button.vue 1:0
|
|
6
|
+
Module parse failed: Unexpected token (1:0)
|
|
7
|
+
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
|
|
8
|
+
> <template>
|
|
9
|
+
| <button
|
|
10
|
+
| @click="handleClick"
|
|
11
|
+
@ ./src/stories/index.js 2:0-46 6:26-32
|
|
12
|
+
@ ./.storybook/config.js
|
|
13
|
+
@ 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
|
|
14
|
+
```
|
|
3
15
|
|
|
4
16
|
こちら.vueファイルに対するloaderの設定が必要なのかと思いwebpack.config.js内rulesに
|
|
5
17
|
```
|