Can get storybook to work with gatsby v3

[decimoseptimo]

Cloned: https://github.com/gatsbyjs/gatsby-starter-default
Followed: https://www.gatsbyjs.com/docs/how-to/testing/visual-testing-with-storybook/

Command npm run storybook
Got TypeError: Cannot read property 'get' of undefined
Fixed with: https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#upgrading-from-62-webpack-5
and npm install dot-env

Command npm run storybook
Got ... 95% emitting HtmlWebpackPlugin(node:9012) UnhandledPromiseRejectionWarning: TypeError: compilation.getAssetPath is not a function at C:\Proyectos\gatsby-starter-default-2\node_modules\html-webpack-plugin\index.js:169:25 at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:43:1) at AsyncSeriesHook.lazyCompileHook (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\Hook.js:154:20) at Compiler.emitAssets (C:\Proyectos\gatsby-starter-default-2\node_modules\@storybook\builder-webpack4\node_modules\webpack\lib\Compiler.js:491:19) at onCompiled (C:\Proyectos\gatsby-starter-default-2\node_modules\@storybook\builder-webpack4\node_modules\webpack\lib\Watching.js:51:19) at C:\Proyectos\gatsby-starter-default-2\node_modules\@storybook\builder-webpack4\node_modules\webpack\lib\Compiler.js:681:15 at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1) at AsyncSeriesHook.lazyCompileHook (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\Hook.js:154:20) at C:\Proyectos\gatsby-starter-default-2\node_modules\@storybook\builder-webpack4\node_modules\webpack\lib\Compiler.js:678:31 at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1) at AsyncSeriesHook.lazyCompileHook (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\Hook.js:154:20) at C:\Proyectos\gatsby-starter-default-2\node_modules\@storybook\builder-webpack4\node_modules\webpack\lib\Compilation.js:1423:35 at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1) at AsyncSeriesHook.lazyCompileHook (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\Hook.js:154:20) at C:\Proyectos\gatsby-starter-default-2\node_modules\@storybook\builder-webpack4\node_modules\webpack\lib\Compilation.js:1414:32 at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Proyectos\gatsby-starter-default-2\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1) (node:9012) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 8)

Win10, node v12.13.1

I'm clueless at this point. I tried this on a brand new clone. But i have about the same issue on another real project.

[LekoArts]

You could try following these new instructions: #31653

[decimoseptimo]

thanks for pointing that out. I was following: https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#upgrading-from-62-webpack-5
I actuallly needed: https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#upgrading-from-webpack-4