首页 > 解决方案 > 故事书没有开始

问题描述

我已经创建了带有 and 的 react 应用程序create-react-app(并且没有在应用程序中进行任何更改)并通过运行初始化故事书,npx sb init但运行时yarn storybook会出现以下错误。我也用 nextjs 试过这个,但故事书给出了同样的错误。



    ERR! SyntaxError: Invalid regular expression: /%G++%/: Nothing to repeat
    ERR!     at new RegExp (<anonymous>)
    ERR!     at H:\Work\react-storybook\node_modules\@storybook\core-common\dist\cjs\utils\template.js:20:24
    ERR!     at Array.reduce (<anonymous>)
    ERR!     at interpolate (H:\Work\react-storybook\node_modules\@storybook\core-common\dist\cjs\utils\template.js:19:31)
    ERR!     at getManagerHeadTemplate (H:\Work\react-storybook\node_modules\@storybook\core-common\dist\cjs\utils\template.js:63:10)
    ERR!     at _default (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\manager\manager-webpack.config.js:61:99)
    ERR!     at async Object.start (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\manager\builder.js:94:16)
    ERR!     at async Promise.all (index 1)
    ERR!     at async storybookDevServer (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\dev-server.js:103:28)
    ERR!     at async buildDevStandalone (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\build-dev.js:107:31)
    ERR!     at async buildDev (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\build-dev.js:147:5)
    ERR!  SyntaxError: Invalid regular expression: /%G++%/: Nothing to repeat
    ERR!     at new RegExp (<anonymous>)
    ERR!     at H:\Work\react-storybook\node_modules\@storybook\core-common\dist\cjs\utils\template.js:20:24
    ERR!     at Array.reduce (<anonymous>)
    ERR!     at interpolate (H:\Work\react-storybook\node_modules\@storybook\core-common\dist\cjs\utils\template.js:19:31)
    ERR!     at getManagerHeadTemplate (H:\Work\react-storybook\node_modules\@storybook\core-common\dist\cjs\utils\template.js:63:10)
    ERR!     at _default (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\manager\manager-webpack.config.js:61:99)
    ERR!     at async Object.start (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\manager\builder.js:94:16)
    ERR!     at async Promise.all (index 1)
    ERR!     at async storybookDevServer (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\dev-server.js:103:28)
    ERR!     at async buildDevStandalone (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\build-dev.js:107:31)
    ERR!     at async buildDev (H:\Work\react-storybook\node_modules\@storybook\core-server\dist\cjs\build-dev.js:147:5)
    
    WARN Broken build, fix the error above.
    WARN You may need to refresh the browser.
    
    error Command failed with exit code 1.

运行npx sb info给出以下信息。

    Environment Info:

  System:
    OS: Windows 10 10.0.19041
    CPU: (4) x64 Intel(R) Core(TM) i5-3570 CPU @ 3.40GHz   
  Binaries:
    Node: 14.15.4 - C:\Program Files\nodejs\node.EXE       
    Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 7.17.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 91.0.4472.77
    Edge: Spartan (44.19041.1023.0), Chromium (91.0.864.48)
  npmPackages:
    @storybook/addon-actions: ^6.2.9 => 6.2.9 
    @storybook/addon-essentials: ^6.2.9 => 6.2.9 
    @storybook/addon-links: ^6.2.9 => 6.2.9 
    @storybook/react: ^6.2.9 => 6.2.9

标签: javascriptreactjsstorybook

解决方案


推荐阅读