fix #17 #24

nisshii0313 · 2021-02-26T08:04:24Z

#17
Storybookの環境構築

メモ

Storybookのバージョンは ~~最新安定版の6.1.20にした~~ @storybook/vue3の6.2.0-alpha.20にした
cf： storybookjs/storybook#10654 (comment)

tsconfig.jsonが無くて怒られが発生してたので軽く設定した

nisshii0313 · 2021-02-26T08:07:55Z

一応問題なく起動するよ！の図(yarnのバージョン低すぎなのは気にしないでくださいw)

ayakotanaka0224 · 2021-02-26T14:09:16Z

@storybook/vue v6.1.20
info
info => Using prebuilt manager
info => Loading presets
info => Loading 1 config file in "./.storybook"
info => Loading 7 other files in "./.storybook"
info => Adding stories defined in ".storybook/main.js"
ERR! Error: Cannot find module 'vue/dist/vue.esm.js'
ERR! Require stack:
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/framework-preset-vue.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/presets.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/config.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/build-static.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/server.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/index.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/bin/index.js
ERR! at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
ERR! at Function.resolve (internal/modules/cjs/helpers.js:94:19)
ERR! at Object.webpack (/Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/framework-preset-vue.js:42:23)
ERR! at /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/presets.js:259:28
ERR! at async startPreview (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/dev-server.js:408:23)
ERR! at async Promise.all (index 0)
ERR! at async storybookDevServer (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/dev-server.js:505:29)
ERR! at async buildDevStandalone (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/build-dev.js:317:33)
ERR! at async buildDev (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/build-dev.js:380:3)
ERR! Error: Cannot find module 'vue/dist/vue.esm.js'
ERR! Require stack:
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/framework-preset-vue.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/presets.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/config.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/build-static.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/server.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/index.js
ERR! - /Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/bin/index.js
ERR! at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
ERR! at Function.resolve (internal/modules/cjs/helpers.js:94:19)
ERR! at Object.webpack (/Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/framework-preset-vue.js:42:23)
ERR! at /Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/presets.js:259:28
ERR! at async startPreview (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/dev-server.js:408:23)
ERR! at async Promise.all (index 0)
ERR! at async storybookDevServer (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/dev-server.js:505:29)
ERR! at async buildDevStandalone (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/build-dev.js:317:33)
ERR! at async buildDev (/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/build-dev.js:380:3) {
ERR! code: 'MODULE_NOT_FOUND',
ERR! requireStack: [
ERR! '/Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/framework-preset-vue.js',
ERR! '/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/presets.js',
ERR! '/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/config.js',
ERR! '/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/dist/server/build-static.js',
ERR! '/Users/ayako0224/git/project_yamame/node_modules/@storybook/core/server.js',
ERR! '/Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/dist/server/index.js',
ERR! '/Users/ayako0224/git/project_yamame/node_modules/@storybook/vue/bin/index.js'
ERR! ]
ERR! }

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

fumiharun11 · 2021-02-26T14:40:12Z

yarn run v1.22.4
warning ../package.json: No license field
$ start-storybook -p 6006
info @storybook/vue3 v6.2.0-alpha.20
info 
info => Loading presets
info => Loading presets
info => Loading 1 config file in "./.storybook"
info => Loading 8 other files in "./.storybook"
info => Adding stories defined in ".storybook/main.js"
info => Using implicit CSS loaders
(node:40082) DeprecationWarning: Relying on the implicit PostCSS loader is deprecated and will be removed in Storybook 7.0.
If you need PostCSS, include '@storybook/addon-postcss' in your '.storybook/main.js' file.

See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-implicit-postcss-loader for details.
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Using default Webpack setup
10% building 1/1 modules 0 activeinfo => Using cached manager
webpack built dda5359ffc641011d383 in 6809ms
✖ ｢wdm｣: Hash: dda5359ffc641011d383
Version: webpack 4.46.0
Time: 6809ms
Built at: 2021/02/26 23:37:29
                                          Asset      Size        Chunks                                Chunk Names
                                    iframe.html  4.38 KiB                [emitted]                     
            main.dda5359ffc641011d383.bundle.js  64.4 KiB          main  [emitted] [immutable]         main
        main.dda5359ffc641011d383.bundle.js.map  17.9 KiB          main  [emitted] [dev]               main
    runtime~main.dda5359ffc641011d383.bundle.js  33.5 KiB  runtime~main  [emitted] [immutable]         runtime~main
runtime~main.dda5359ffc641011d383.bundle.js.map  34.7 KiB  runtime~main  [emitted] [dev]               runtime~main
        static/media/code-brackets.2e1112d7.svg  1.42 KiB                [emitted] [immutable]         
               static/media/colors.a4bd0486.svg  8.31 KiB                [emitted] [immutable]         
             static/media/comments.a3859089.svg  1.49 KiB                [emitted] [immutable]         
            static/media/direction.b770f9af.svg  1.25 KiB                [emitted] [immutable]         
                 static/media/flow.edad2ac1.svg  1.36 KiB                [emitted] [immutable]         
               static/media/plugin.d494b228.svg  2.12 KiB                [emitted] [immutable]         
                 static/media/repo.6d496322.svg   1.6 KiB                [emitted] [immutable]         
             static/media/stackalt.dba9fbb3.svg  2.49 KiB                [emitted] [immutable]         
    vendors~main.dda5359ffc641011d383.bundle.js  7.19 MiB  vendors~main  [emitted] [immutable]  [big]  vendors~main
vendors~main.dda5359ffc641011d383.bundle.js.map  6.91 MiB  vendors~main  [emitted] [dev]               vendors~main
Entrypoint main [big] = runtime~main.dda5359ffc641011d383.bundle.js runtime~main.dda5359ffc641011d383.bundle.js.map vendors~main.dda5359ffc641011d383.bundle.js vendors~main.dda5359ffc641011d383.bundle.js.map main.dda5359ffc641011d383.bundle.js main.dda5359ffc641011d383.bundle.js.map
[0] multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 184 bytes {main} [built]
[./.storybook/generated-stories-entry.js] 403 bytes {main} [built]
[./.storybook/preview.js-generated-config-entry.js] ./.storybook/preview.js-generated-config-entry.js + 1 modules 4.49 KiB {main} [built]
    | ./.storybook/preview.js-generated-config-entry.js 4.32 KiB [built]
    | ./.storybook/preview.js 77 bytes [built]
[./.storybook/storybook-init-framework-entry.js] 25 bytes {main} [built]
[./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js] ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js + 1 modules 4.46 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js 2.62 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js 1.8 KiB [built]
[./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js] ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js + 1 modules 2.72 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js 2.63 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js 78 bytes [built]
[./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js] ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js + 6 modules 12.2 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js 2.63 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js 109 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/decorators/index.js 61 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/decorators/withBackground.js 1.99 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/decorators/withGrid.js 3.91 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/constants.js 185 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/helpers/index.js 3.24 KiB [built]
[./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js] ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js + 1 modules 2.88 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js 2.63 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js 246 bytes [built]
[./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js] ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js + 1 modules 2.76 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js 2.63 KiB [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js 125 bytes [built]
[./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js] ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js + 3 modules 4.79 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js 2.63 KiB [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js 299 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/enhanceArgTypes.js 1.09 KiB [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/normalizeArgTypes.js 763 bytes [built]
[./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js] ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js + 2 modules 3.81 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js 2.63 KiB [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js 378 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/prepareForInline.js 802 bytes [built]
[./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js] ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js + 1 modules 2.71 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js 2.63 KiB [built]
    | ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js 74 bytes [built]
[./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js] 120 bytes {vendors~main} [built]
[./node_modules/@storybook/core/dist/cjs/server/preview/globals.js] 93 bytes {vendors~main} [built]
[./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined] (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 7.68 KiB {vendors~main} [built]
    + 1925 hidden modules

ERROR in ./src/stories/Button.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
 @ ./src/stories/Button.stories.js 85:0-36 88:13-21 107:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Page.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
 @ ./src/stories/Page.stories.js 49:0-28 53:13-19 61:14-20
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Header.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
 @ ./src/stories/Header.stories.js 49:0-32 52:13-21 60:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Button.vue
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse (/Users/harukifumino/workspace/project_yamame/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
    at Object.module.exports (/Users/harukifumino/workspace/project_yamame/node_modules/vue-loader/lib/index.js:67:22)
 @ ./src/stories/Button.stories.js 85:0-36 88:13-21 107:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Page.vue
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse (/Users/harukifumino/workspace/project_yamame/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
    at Object.module.exports (/Users/harukifumino/workspace/project_yamame/node_modules/vue-loader/lib/index.js:67:22)
 @ ./src/stories/Page.stories.js 49:0-28 53:13-19 61:14-20
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Header.vue
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse (/Users/harukifumino/workspace/project_yamame/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
    at Object.module.exports (/Users/harukifumino/workspace/project_yamame/node_modules/vue-loader/lib/index.js:67:22)
 @ ./src/stories/Header.stories.js 49:0-32 52:13-21 60:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.31 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core/dist/cjs/server/templates/index.ejs] 1.99 KiB {HtmlWebpackPlugin_0} [built]

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

ayakotanaka0224 · 2021-02-26T15:20:25Z

info => Using implicit CSS loaders
(node:83274) DeprecationWarning: Relying on the implicit PostCSS loader is deprecated and will be removed in Storybook 7.0.
If you need PostCSS, include '@storybook/addon-postcss' in your '.storybook/main.js' file.

See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-implicit-postcss-loader for details.
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Using default Webpack setup
webpack built 48aaece7596be15954a4 in 47717ms
✖ ｢wdm｣: Hash: 48aaece7596be15954a4
Version: webpack 4.46.0
Time: 47717ms
Built at: 2021/02/27 0:18:41
                                          Asset      Size        Chunks                                Chunk Names
                                    iframe.html  4.38 KiB                [emitted]                     
            main.48aaece7596be15954a4.bundle.js  63.9 KiB          main  [emitted] [immutable]         main
        main.48aaece7596be15954a4.bundle.js.map  17.9 KiB          main  [emitted] [dev]               main
    runtime~main.48aaece7596be15954a4.bundle.js  33.5 KiB  runtime~main  [emitted] [immutable]         runtime~main
runtime~main.48aaece7596be15954a4.bundle.js.map  34.7 KiB  runtime~main  [emitted] [dev]               runtime~main
        static/media/code-brackets.2e1112d7.svg  1.42 KiB                [emitted] [immutable]         
               static/media/colors.a4bd0486.svg  8.31 KiB                [emitted] [immutable]         
             static/media/comments.a3859089.svg  1.49 KiB                [emitted] [immutable]         
            static/media/direction.b770f9af.svg  1.25 KiB                [emitted] [immutable]         
                 static/media/flow.edad2ac1.svg  1.36 KiB                [emitted] [immutable]         
               static/media/plugin.d494b228.svg  2.12 KiB                [emitted] [immutable]         
                 static/media/repo.6d496322.svg   1.6 KiB                [emitted] [immutable]         
             static/media/stackalt.dba9fbb3.svg  2.49 KiB                [emitted] [immutable]         
    vendors~main.48aaece7596be15954a4.bundle.js  7.19 MiB  vendors~main  [emitted] [immutable]  [big]  vendors~main
vendors~main.48aaece7596be15954a4.bundle.js.map  6.91 MiB  vendors~main  [emitted] [dev]               vendors~main
Entrypoint main [big] = runtime~main.48aaece7596be15954a4.bundle.js runtime~main.48aaece7596be15954a4.bundle.js.map vendors~main.48aaece7596be15954a4.bundle.js vendors~main.48aaece7596be15954a4.bundle.js.map main.48aaece7596be15954a4.bundle.js main.48aaece7596be15954a4.bundle.js.map
[0] multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 184 bytes {main} [built]
[./.storybook/generated-stories-entry.js] 403 bytes {main} [built]
[./.storybook/preview.js-generated-config-entry.js] ./.storybook/preview.js-generated-config-entry.js + 1 modules 4.38 KiB {main} [built]
    | ./.storybook/preview.js-generated-config-entry.js 4.22 KiB [built]
    | ./.storybook/preview.js 77 bytes [built]
[./.storybook/storybook-init-framework-entry.js] 25 bytes {main} [built]
[./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js] ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js + 1 modules 4.44 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js 2.6 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js 1.8 KiB [built]
[./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js] ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js + 1 modules 2.69 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js 2.6 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js 78 bytes [built]
[./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js] ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js + 6 modules 12.2 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js 2.61 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js 109 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/decorators/index.js 61 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/decorators/withBackground.js 1.99 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/decorators/withGrid.js 3.91 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/constants.js 185 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/helpers/index.js 3.24 KiB [built]
[./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js] ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js + 1 modules 2.86 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js 2.61 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js 246 bytes [built]
[./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js] ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js + 1 modules 2.73 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js 2.6 KiB [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js 125 bytes [built]
[./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js] ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js + 3 modules 4.76 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js 2.6 KiB [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js 299 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/enhanceArgTypes.js 1.09 KiB [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/normalizeArgTypes.js 763 bytes [built]
[./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js] ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js + 2 modules 3.79 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js 2.6 KiB [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js 378 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/prepareForInline.js 802 bytes [built]
[./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js] ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js + 1 modules 2.69 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js 2.6 KiB [built]
    | ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js 74 bytes [built]
[./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js] 120 bytes {vendors~main} [built]
[./node_modules/@storybook/core/dist/cjs/server/preview/globals.js] 93 bytes {vendors~main} [built]
[./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined] (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 7.68 KiB {vendors~main} [built]
    + 1925 hidden modules

ERROR in ./src/stories/Header.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
 @ ./src/stories/Header.stories.js 49:0-32 52:13-21 60:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Button.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
 @ ./src/stories/Button.stories.js 85:0-36 88:13-21 107:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Page.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
 @ ./src/stories/Page.stories.js 49:0-28 53:13-19 61:14-20
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Header.vue
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse (/Users/ayako0224/git/project_yamame/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
    at Object.module.exports (/Users/ayako0224/git/project_yamame/node_modules/vue-loader/lib/index.js:67:22)
 @ ./src/stories/Header.stories.js 49:0-32 52:13-21 60:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Button.vue
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse (/Users/ayako0224/git/project_yamame/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
    at Object.module.exports (/Users/ayako0224/git/project_yamame/node_modules/vue-loader/lib/index.js:67:22)
 @ ./src/stories/Button.stories.js 85:0-36 88:13-21 107:16-24
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./src/stories/Page.vue
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse (/Users/ayako0224/git/project_yamame/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
    at Object.module.exports (/Users/ayako0224/git/project_yamame/node_modules/vue-loader/lib/index.js:67:22)
 @ ./src/stories/Page.stories.js 49:0-28 53:13-19 61:14-20
 @ ./src sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core/dist/cjs/server/common/polyfills.js ./node_modules/@storybook/core/dist/cjs/server/preview/globals.js ./.storybook/storybook-init-framework-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-other-entry.js ./node_modules/@storybook/addon-docs/dist/esm/frameworks/vue3/config.js-generated-other-entry.js ./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-controls/dist/esm/preset/addParameter.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js ./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined
Child HtmlWebpackCompiler:
                          Asset     Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.3 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core/dist/cjs/server/templates/index.ejs] 1.98 KiB {HtmlWebpackPlugin_0} [built]

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

nisshii0313 · 2021-02-27T16:39:48Z

@vue/cli-serviceのバージョンをv5.0.0-alpha.5まで上げることで、vue-loaderのバージョンを16系に上げることができてエラー出なくなったっぽい 🎉
(cf: https://github.com/vuejs/vue-cli/blob/v5.0.0-alpha.5/packages/@vue/cli-service/package.json)

fumiharun11

LGTM

ayakotanaka0224

ありがとうございます！！！

nisshii0313 · 2021-02-28T15:09:16Z

マージしますー！

nisshii0313 added 2 commits February 26, 2021 16:29

整えた

dfa3a58

tsconfigの追加など

8fce299

nisshii0313 requested review from ayakotanaka0224 and fumiharun11 as code owners February 26, 2021 08:04

nisshii0313 self-assigned this Feb 26, 2021

nisshii0313 linked an issue Feb 26, 2021 that may be closed by this pull request

StoryBook環境構築 #17

Closed

nisshii0313 assigned fumiharun11 and ayakotanaka0224 Feb 26, 2021

@storybook/vue → @storybook/vue3

fd15a84

nisshii0313 added 2 commits February 26, 2021 23:45

vue-template-compilerを入れる

7f32f98

vue-template-compiler → @vue/compiler-sfc

88af54e

nisshii0313 force-pushed the feature/17 branch 2 times, most recently from f445138 to 2aa2bc3 Compare February 27, 2021 02:05

chromatic追加

5e024f5

nisshii0313 force-pushed the feature/17 branch from 8a3d728 to 5e024f5 Compare February 27, 2021 10:23

バージョン調整

a65842b

nisshii0313 force-pushed the feature/17 branch from 8eb3334 to a65842b Compare February 27, 2021 16:27

fumiharun11 approved these changes Feb 28, 2021

View reviewed changes

ayakotanaka0224 approved these changes Feb 28, 2021

View reviewed changes

nisshii0313 merged commit f57fad4 into main Feb 28, 2021

nisshii0313 deleted the feature/17 branch February 28, 2021 15:09

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix #17 #24

fix #17 #24

nisshii0313 commented Feb 26, 2021 •

edited

Loading

nisshii0313 commented Feb 26, 2021

ayakotanaka0224 commented Feb 26, 2021

fumiharun11 commented Feb 26, 2021

ayakotanaka0224 commented Feb 26, 2021

nisshii0313 commented Feb 27, 2021

fumiharun11 left a comment

ayakotanaka0224 left a comment

nisshii0313 commented Feb 28, 2021

fix #17 #24

fix #17 #24

Conversation

nisshii0313 commented Feb 26, 2021 • edited Loading

メモ

nisshii0313 commented Feb 26, 2021

ayakotanaka0224 commented Feb 26, 2021

fumiharun11 commented Feb 26, 2021

ayakotanaka0224 commented Feb 26, 2021

nisshii0313 commented Feb 27, 2021

fumiharun11 left a comment

Choose a reason for hiding this comment

ayakotanaka0224 left a comment

Choose a reason for hiding this comment

nisshii0313 commented Feb 28, 2021

nisshii0313 commented Feb 26, 2021 •

edited

Loading