Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Angular 13 build error: ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' #16896

Closed
flashart92 opened this issue Dec 3, 2021 · 6 comments
Assignees

Comments

@flashart92
Copy link

Describe the bug
I just upgraded to Angular 13 and Storybook 6.4.7 now fails to build:

ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\pbkdf2\lib'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\pbkdf2\lib'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\pbkdf2\package.json (relative path: ./lib)
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\pbkdf2\lib\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\pbkdf2\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\randombytes'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\randombytes'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\randombytes\package.json (relative path: .)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\randombytes\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\randomfill'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\randomfill'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\randomfill\package.json (relative path: .)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\randomfill\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\readable-stream\package.json (relative path: ./lib)
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\readable-stream\package.json (relative path: ./lib)
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\readable-stream\package.json (relative path: ./lib)
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\streams'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\streams'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\readable-stream\package.json (relative path: ./lib/internal/streams)
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\streams\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\streams'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\streams'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\readable-stream\package.json (relative path: ./lib/internal/streams)
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\streams\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\internal\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\lib\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\readable-stream\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\safer-buffer'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\safer-buffer'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\safer-buffer\package.json (relative path: .)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\safer-buffer\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\@angular\animations\fesm2020'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist

Package versions:
"@angular/cli": "13.0.3",
"@angular/animations": "13.0.2",
"@angular/cdk": "13.0.2",
"@angular/common": "13.0.2",
"@angular/compiler": "13.0.2",
"@angular/core": "13.0.2",
"@angular/forms": "13.0.2",
"@angular/platform-browser": "13.0.2",
"@angular/platform-browser-dynamic": "13.0.2",
"@angular/router": "13.0.2",
"@babel/plugin-transform-typescript": "7.16.1",
"@compodoc/compodoc": "1.1.15",
"@storybook/addon-actions": "6.4.7",
"@storybook/addon-controls": "6.4.7",
"@storybook/addon-essentials": "6.4.7",
"@storybook/addon-jest": "6.4.7",
"@storybook/addon-links": "6.4.7",
"@storybook/angular": "6.4.7",
"@storybook/builder-webpack5": "6.4.7",
"@storybook/manager-webpack5": "6.4.7",
"@babel/core": "7.16.0",
"storybook-addon-grid": "0.0.13",
"storybook-dark-mode": "1.0.8",
"crypto-browserify": "3.12.0",

System
Environment Info:
System:
OS: windows 11
CPU: AMD Ryzen 9 5900HX
Binaries:
Node: v14.17.6
npm: 6.14.15
Browsers:
Chrome: 96.0.4664.45

I found the issues #16795 and webpack/webpack#11467 (comment) but they didn't help me.

@flashart92
Copy link
Author

flashart92 commented Dec 13, 2021

Has anyone been able to resolve the issue? This problem prevents us from upgrading to 13 angular and nx workspace 7 versions.

@stale
Copy link

stale bot commented Jan 9, 2022

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

@stale stale bot added the inactive label Jan 9, 2022
@flashart92
Copy link
Author

The problem is relevant for version 6.5.0-alpha.15

ModuleNotFoundError: Module not found: Error: Can't resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\@angular\animations\fesm2020'
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\Compilation.js:2011:28
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:795:13
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:275:22
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:431:22
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:124:11
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:667:25
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:852:8
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:972:5
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\neo-async\async.js:6883:13
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\webpack\lib\NormalModuleFactory.js:955:45
    at finishWithoutResolve (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:296:11)
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (D:\PROJ\service-front\service-front\apps\storybook\browser\node_modules\@storybook\builder-webpack5\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'process/browser.js' in 'D:\PROJ\service-front\service-front\node_modules\@angular\animations\fesm2020'
  Parsed request is a module
  using description file: D:\PROJ\service-front\service-front\node_modules\@angular\animations\package.json (relative path: ./fesm2020)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      D:\PROJ\service-front\service-front\node_modules\@angular\animations\fesm2020\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\@angular\animations\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\@angular\node_modules doesn't exist or is not a directory
      D:\PROJ\service-front\service-front\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in D:\PROJ\service-front\service-front\node_modules
        D:\PROJ\service-front\service-front\node_modules\process doesn't exist
      D:\PROJ\service-front\node_modules doesn't exist or is not a directory
      D:\PROJ\node_modules doesn't exist or is not a directory
      D:\node_modules doesn't exist or is not a directory
      looking for modules in D:/PROJ/service-front/service-front
        D:\PROJ\service-front\service-front\process doesn't exist

@shilman
Copy link
Member

shilman commented Jan 16, 2022

Shiver me timbers!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.5.0-alpha.18 containing PR #17249 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.

@shilman shilman closed this as completed Jan 16, 2022
@shilman
Copy link
Member

shilman commented Jan 21, 2022

Ermahgerd!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.4.14 containing PR #17249 that references this issue. Upgrade today to the @latest NPM tag to try it out!

npx sb upgrade

@cruni505
Copy link

cruni505 commented Feb 2, 2023

I was facing a similar issue in angular 13, I updated target to es2015 in tsconfig file and after that my App compiled correctly, hope this solution helps someone else.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants