storybook: Unable to integrate with angular 6.
hey folks, I have followed this link https://storybook.js.org/basics/guide-angular/ and try to integrate sotrybook in my angular app, my angular app version is 6.
now when I tried to npm run storybook I got an error like below
`Using default webpack setup based on “angular-cli”. /home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/webpack/lib/DefinePlugin.js:42 compiler.hooks.compilation.tap( ^
TypeError: Cannot read property ‘compilation’ of undefined
at DefinePlugin.apply (/home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/webpack/lib/DefinePlugin.js:42:18)
at Compiler.apply (/home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/@storybook/core/node_modules/tapable/lib/Tapable.js:375:16)
at webpack (/home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/@storybook/core/node_modules/webpack/lib/webpack.js:33:19)
at exports.default (/home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/@storybook/core/dist/server/middleware.js:29:40)
at buildDev (/home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/@storybook/core/dist/server/build-dev.js:163:36)
at Object.<anonymous> (/home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/@storybook/angular/dist/server/index.js:23:22)
at Module._compile (module.js:662:30)
at Object.Module._extensions…js (module.js:673:10)
at Module.load (module.js:575:32)
at tryModuleLoad (module.js:515:12)
at Function.Module._load (module.js:507:3)
at Module.require (module.js:606:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (/home/smart/Tarang/Demos/storybook-demos/storybook-angular6/node_modules/@storybook/angular/bin/index.js:3:1)
at Module._compile (module.js:662:30)
at Object.Module._extensions…js (module.js:673:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! storybook-angular6@0.0.0 storybook: start-storybook -p 9001 -c .storybook
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the storybook-angular6@0.0.0 storybook script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in: npm ERR! /home/smart/.npm/_logs/2018-06-26T06_29_57_303Z-debug.log`
About this issue
- Original URL
- State: closed
- Created 6 years ago
- Comments: 35 (11 by maintainers)
Check your imports in stories. In my project there was wrong import applied in one story:
import { storiesOf } from '@storybook/angular/src/client/preview';insteadimport { storiesOf } from '@storybook/angular;.