获取material-ui(v1)组件以使用Storybook for React.js

时间:2018-06-07 12:13:24

标签: javascript reactjs babeljs material-ui storybook

我只是使用guidance here设置了一个故事书/反应项目。现在我想构建一些使用最新版material-ui

的组件

然而,简单地将{ui}添加到我的项目yarn add @material-ui/core已经打破了故事书构建过程(不更改任何代码)。

我不确定在哪里可以使这个工作。我怀疑是否需要调整一些webpack或babel配置?

记录的错误&警告并没有真正帮助我,但也许有人会知道发生了什么:

$ start-storybook -p 9001 -c .storybook
info @storybook/react v3.4.6
info
info => Using default webpack setup based on "Create React App".
webpack built e6d9f5b587673f76ab2d in 4261ms
Hash: e6d9f5b587673f76ab2d
Version: webpack 3.12.0
Time: 4261ms
                       Asset       Size  Chunks                    Chunk Names
    static/manager.bundle.js    2.87 MB       0  [emitted]  [big]  manager
    static/preview.bundle.js    1.66 MB       1  [emitted]  [big]  preview
static/manager.bundle.js.map    3.52 MB       0  [emitted]         manager
static/preview.bundle.js.map    1.96 MB       1  [emitted]         preview
                  index.html    1.21 kB          [emitted]
                 iframe.html  769 bytes          [emitted]
  [42] ./node_modules/global/window.js 232 bytes {0} {1} [built]
 [237] ./node_modules/@storybook/react/dist/server/config/polyfills.js 113 bytes {0} {1} [built]
 [238] ./node_modules/core-js/es6/symbol.js 131 bytes {0} {1} [built]
 [611] multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/addons.js ./node_modules/@storybook/core/dist/client/manager/index.js 52 bytes {0} [built]
 [612] ./node_modules/@storybook/react/dist/server/addons.js 105 bytes {0} [built]
 [653] ./node_modules/@storybook/addon-links/register.js 38 bytes {0} [built]
 [655] ./node_modules/@storybook/core/dist/client/manager/index.js 423 bytes {0} [built]
 [929] multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js 64 bytes {1} [built]
 [930] ./node_modules/@storybook/react/dist/server/config/globals.js 105 bytes {1} [built]
 [931] (webpack)-hot-middleware/client.js?reload=true 7.77 kB {1} [built]
 [932] ./node_modules/querystring-es3/index.js 127 bytes {1} [built]
 [937] (webpack)-hot-middleware/client-overlay.js 2.21 kB {1} [built]
 [942] (webpack)-hot-middleware/process-update.js 4.33 kB {1} [built]
 [943] ./.storybook/config.js 252 bytes {1} [built]
[1018] ./packages \.stories\.js$ 249 bytes {1} [built]
    + 1061 hidden modules

WARNING in ./packages/app-layout/node_modules/babel-runtime/helpers/typeof.js
14:56-64 "export 'default' (imported as '_typeof2') was not found in 'babel-runtime/helpers/typeof'
 @ ./packages/app-layout/node_modules/babel-runtime/helpers/typeof.js
 @ ./packages/app-layout/node_modules/core-js/library/modules/es6.symbol.js
 @ ./packages/app-layout/node_modules/core-js/library/fn/symbol/index.js
 @ ./packages/app-layout/node_modules/babel-runtime/core-js/symbol.js
 @ ./packages/app-layout/node_modules/core-js/library/modules/_object-assign.js
 @ ./packages/app-layout/node_modules/core-js/library/modules/es6.object.assign.js
 @ ./packages/app-layout/node_modules/core-js/library/fn/object/assign.js
 @ ./packages/app-layout/node_modules/babel-runtime/core-js/object/assign.js
 @ ./packages/app-layout/node_modules/babel-runtime/helpers/extends.js
 @ ./packages/app-layout/components/AppHeader.jsx
 @ ./packages/app-layout/stories/AppHeader.stories.js
 @ ./packages \.stories\.js$
 @ ./.storybook/config.js
 @ multi ./node_modules/@storybook/react/dist/server/config/polyfills.js ./node_modules/@storybook/react/dist/server/config/globals.js (webpack)-hot-middleware/client.js?reload=true ./.storybook/config.js

(加上很多其他类似的警告)

0 个答案:

没有答案