webpack 为什么我在构建Storybook时会出现此错误

bsxbgnwa  于 2023-10-19  发布在  Webpack
关注(0)|答案(1)|浏览(196)

我刚刚在一个激动人心的Next.js项目中将Storybook从V6.5.9升级到V7.1.0。一切正常，但当我尝试构建我的故事书时，它抛出以下错误：

  1. ERR! => Failed to build the preview
  2. ERR! 1620.ba7f2216.iframe.bundle.js from Terser plugin
  3. ERR! Unexpected token: punc ({) [webpack://../node_modules/@storybook/components/dist/index.mjs:195,5420][1620.ba7f2216.iframe.bundle.js:5264,5512]
  4. ERR!     at js_error (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:550:11)
  5. ERR!     at croak (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:1274:9)
  6. ERR!     at token_error (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:1282:9)
  7. ERR!     at unexpected (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:1288:9)
  8. ERR!     at as_property_name (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:3076:20)
  9. ERR!     at concise_method_or_getset (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:2729:20)
  10. ERR!     at class_ (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:2685:22)
  11. ERR!     at expr_atom (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:2514:23)
  12. ERR!     at maybe_unary (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:3310:19)
  13. ERR!     at expr_ops (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:3361:24)
  14. ERR! 1620.98ef3ea2.iframe.bundle.js from Terser plugin
  15. ERR! Unexpected token: punc ({) [1620.98ef3ea2.iframe.bundle.js:5264,5512]
  16. ERR!     at js_error (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:550:11)
  17. ERR!     at croak (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:1274:9)
  18. ERR!     at token_error (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:1282:9)
  19. ERR!     at unexpected (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:1288:9)
  20. ERR!     at as_property_name (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:3076:20)
  21. ERR!     at concise_method_or_getset (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:2729:20)
  22. ERR!     at class_ (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:2685:22)
  23. ERR!     at expr_atom (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:2514:23)
  24. ERR!     at maybe_unary (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:3310:19)
  25. ERR!     at expr_ops (/Users/mac/Documents/Next/vactory_next/node_modules/terser-webpack-plugin/node_modules/terser/dist/bundle.min.js:3361:24)
  26. ERR! Critical dependency: the request of a dependency is an expression
  27. ERR! Critical dependency: the request of a dependency is an expression
  28. ERR! Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
  29. ERR! Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
  30. ERR! Error: => Webpack failed, learn more with --debug-webpack
  31. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/dist/index.js:1:7618
  32. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/HookWebpackError.js:68:3
  33. ERR!     at Hook.eval [as callAsync] (eval at create (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:11:1)
  34. ERR!     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/Hook.js:18:14)
  35. ERR!     at Cache.shutdown (/Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Cache.js:150:23)
  36. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compiler.js:1229:15
  37. ERR!     at Hook.eval [as callAsync] (eval at create (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
  38. ERR!     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/Hook.js:18:14)
  39. ERR!     at Compiler.close (/Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compiler.js:1222:23)
  40. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/dist/index.js:1:7570
  41. ERR!  Error: => Webpack failed, learn more with --debug-webpack
  42. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/dist/index.js:1:7618
  43. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/HookWebpackError.js:68:3
  44. ERR!     at Hook.eval [as callAsync] (eval at create (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:11:1)
  45. ERR!     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/Hook.js:18:14)
  46. ERR!     at Cache.shutdown (/Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Cache.js:150:23)
  47. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compiler.js:1229:15
  48. ERR!     at Hook.eval [as callAsync] (eval at create (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
  49. ERR!     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/mac/Documents/Next/vactory_next/node_modules/tapable/lib/Hook.js:18:14)
  50. ERR!     at Compiler.close (/Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compiler.js:1222:23)
  51. ERR!     at /Users/mac/Documents/Next/vactory_next/node_modules/@storybook/builder-webpack5/dist/index.js:1:7570
  52. error Command failed with exit code 1.
  53. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
  54. error Command failed.
  55. Exit code: 1
  56. Command: /usr/local/Cellar/node@16/16.20.0/bin/node
  57. Arguments: /usr/local/Cellar/yarn/1.22.19/libexec/lib/cli.js storybook:build
  58. Directory: /Users/mac/Documents/Next/vactory_next/apps/starter
  59. Output:
  61. info Visit https://yarnpkg.com/en/docs/cli/workspace for documentation about this command.

在我看来，它与Terser和Webpack有关。我试着用谷歌搜索这个错误，但没有任何帮助，不幸的是。有什么想法吗？

webpack

1条答案

按热度按时间
uhry853o

uhry853o1#

支持terser was added in august 2022的静态模块我已经将terser版本强制为最新版本，现在它构建时没有此错误。
package.json

  1. "overrides": {
  2.     "terser": "5.19.2"
  3.   }
赞(0）分享  回复(0）举报  2023-10-19
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com