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)

Most upvoted comments

Check your imports in stories. In my project there was wrong import applied in one story: import { storiesOf } from '@storybook/angular/src/client/preview'; instead import { storiesOf } from '@storybook/angular;.