Storybook 的迁移

Question

我想将 Storybook 从 5.0.11 迁移到 5.2.0，但在 package.json 中更改版本后，我得到：

ERROR in ./node_modules/@storybook/theming/dist/utils.js
Module not found: Error: Can't resolve 'core-js/modules/es.array.concat' in '/home/twaszczyk/workspaces/ui-elements/node_modules/@storybook/theming/dist'
 @ ./node_modules/@storybook/theming/dist/utils.js 9:0-42
 @ ./node_modules/@storybook/theming/dist/index.js
 @ ./config/.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./config/.storybook/config.js (webpack)-hot-middleware/client.js?reload=true

ERROR in ./node_modules/@storybook/theming/node_modules/@storybook/client-logger/dist/index.js
Module not found: Error: Can't resolve 'core-js/modules/es.array.concat' in '/home/twaszczyk/workspaces/ui-elements/node_modules/@storybook/theming/node_modules/@storybook/client-logger/dist'
 @ ./node_modules/@storybook/theming/node_modules/@storybook/client-logger/dist/index.js 3:0-42
 @ ./node_modules/@storybook/theming/dist/ensure.js
 @ ./node_modules/@storybook/theming/dist/index.js
 @ ./config/.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./config/.storybook/config.js (webpack)-hot-middleware/client.js?reload=true

ERROR in ./node_modules/@storybook/theming/dist/index.js
Module not found: Error: Can't resolve 'core-js/modules/es.array.for-each' in '/home/twaszczyk/workspaces/ui-elements/node_modules/@storybook/theming/dist'
 @ ./node_modules/@storybook/theming/dist/index.js 3:0-44
 @ ./config/.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./config/.storybook/config.js (webpack)-hot-middleware/client.js?reload=true

ERROR in ./node_modules/@storybook/theming/dist/convert.js
Module not found: Error: Can't resolve 'core-js/modules/es.array.index-of' in '/home/twaszczyk/workspaces/ui-elements/node_modules/@storybook/theming/dist'
 @ ./node_modules/@storybook/theming/dist/convert.js 5:0-44
 @ ./node_modules/@storybook/theming/dist/index.js
 @ ./config/.storybook/config.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./config/.storybook/config.js (webpack)-hot-middleware/client.js?reload=true

我也在迁移指南中寻找，但没有找到我应该做些什么来完成它。

Answer 1

解决方案如下（希望对您有所帮助）：

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "declarationMap": false
  }
}

已迁移 package.json 中的依赖项：

"@storybook/addon-actions": "^5.2.0",
"@storybook/addon-centered": "^5.2.0",
"@storybook/addon-info": "^5.2.0",
"@storybook/addon-knobs": "^5.2.0",
"@storybook/addon-storysource": "^5.2.0",
"@storybook/addon-viewport": "^5.2.0",
"@storybook/components": "^5.2.0",
"@storybook/react": "^5.2.0",
"@storybook/source-loader": "^5.2.0",
"@storybook/theming": "^5.2.0",

还需要从 babel-loader 移动到 ts-loader。

Storybook 的迁移

Storybook's migration

javascript

storybook