search

storybookjs / vue-cli-plugin-storybook

Vue CLI plugin for Storybook
MIT License
279 stars 44 forks source link

`npm run storybook:serve` fails on fresh install #55

Closed dylanbhughes closed 5 years ago

dylanbhughes commented 5 years ago 
>node -v
v10.15.3
>npm -v
6.9.0
> vue --version
3.5.1

vue version 2.6.9

npm run storybook:serve runs, but the resulting page is blank and has the following error in chrome console.

Error:

Uncaught TypeError: (0 , _core.withCSSContext) is not a function
    at Object.552 (vendors~main.dbf1d21fbed737c41d05.bundle.js:83314)
    at __webpack_require__ (runtime~main.3aaa912fd37e258bb4b5.bundle.js:79)
    at Object.509 (vendors~main.dbf1d21fbed737c41d05.bundle.js:81090)
    at __webpack_require__ (runtime~main.3aaa912fd37e258bb4b5.bundle.js:79)
    at Object.502 (vendors~main.dbf1d21fbed737c41d05.bundle.js:80627)
    at __webpack_require__ (runtime~main.3aaa912fd37e258bb4b5.bundle.js:79)
    at Object.501 (vendors~main.dbf1d21fbed737c41d05.bundle.js:80601)
    at __webpack_require__ (runtime~main.3aaa912fd37e258bb4b5.bundle.js:79)
    at Module.493 (main.8cb7645b3a9eaa8fec98.bundle.js:26)
    at __webpack_require__ (runtime~main.3aaa912fd37e258bb4b5.bundle.js:79)
    at Object.415 (main.8cb7645b3a9eaa8fec98.bundle.js:11)
    at __webpack_require__ (runtime~main.3aaa912fd37e258bb4b5.bundle.js:79)
    at checkDeferredModules (runtime~main.3aaa912fd37e258bb4b5.bundle.js:46)
    at Array.webpackJsonpCallback [as push] (runtime~main.3aaa912fd37e258bb4b5.bundle.js:33)
    at main.8cb7645b3a9eaa8fec98.bundle.js:1
// package.json
{
  "name": "cloud-webclient",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve --port 8090",
    "lint": "vue-cli-service lint && vue-cli-service lint:style",
    "build:dev": "vue-cli-service build --mode prefect-dev",
    "build:staging": "vue-cli-service build --mode prefect-staging",
    "deploy:dev": "firebase deploy --only hosting --project prefect-dev",
    "deploy:staging": "firebase deploy --only hosting --project prefect-staging",
    "lint:css": "vue-cli-service lint:style",
    "lint:js": "vue-cli-service lint",
    "storybook:build": "vue-cli-service storybook:build -c config/storybook",
    "storybook:serve": "vue-cli-service storybook:serve -p 6006 -c config/storybook",
    "test:snapshots": "vue-cli-service test:unit -u",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "auth0-js": "^9.10.0",
    "cronstrue": "^1.64.0",
    "lodash.snakecase": "^4.1.1",
    "logrocket": "^0.6.19",
    "logrocket-vuex": "0.0.3",
    "moment": "^2.23.0",
    "moment-duration-format": "^2.2.2",
    "vue": "^2.6.8",
    "vue-analytics": "^5.16.1",
    "vue-apollo": "^3.0.0-beta.28",
    "vue-multiselect": "^2.1.4",
    "vue-router": "^3.0.2",
    "vue-toasted": "^1.1.26",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@ascendancyy/vue-cli-plugin-stylelint": "^1.1.2",
    "@storybook/addon-actions": "^4.1.0",
    "@storybook/addon-knobs": "^4.1.0",
    "@storybook/addon-links": "^4.1.0",
    "@storybook/addon-notes": "^4.1.0",
    "@vue/cli-plugin-babel": "^3.4.1",
    "@vue/cli-plugin-eslint": "^3.4.1",
    "@vue/cli-plugin-unit-jest": "^3.4.1",
    "@vue/cli-service": "^3.4.1",
    "@vue/eslint-config-prettier": "^4.0.0",
    "@vue/test-utils": "^1.0.0-beta.29",
    "autoprefixer": "^9.4.10",
    "babel-core": "7.0.0-bridge.0",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^23.6.0",
    "eslint": "^5.15.1",
    "eslint-plugin-vue": "^5.2.2",
    "graphql-tag": "^2.9.0",
    "jest-fetch-mock": "^2.1.1",
    "jest-localstorage-mock": "^2.4.0",
    "node-sass": "^4.11.0",
    "postcss-scss": "^2.0.0",
    "pre-commit": "^1.2.2",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "style-resources-loader": "^1.2.1",
    "stylelint": "^9.10.1",
    "stylelint-a11y": "^1.1.9",
    "stylelint-config-recommended": "^2.1.0",
    "stylelint-config-sass-guidelines": "^5.3.0",
    "stylelint-order": "^2.1.0",
    "stylelint-scss": "^3.5.4",
    "vue-cli-plugin-apollo": "^0.18.1",
    "vue-cli-plugin-storybook": "^0.6.0",
    "vue-cli-plugin-style-resources-loader": "^0.1.3",
    "vue-template-compiler": "^2.6.8"
  },
  "pre-commit": [
    "lint",
    "test:unit"
  ]
}
dylanbhughes commented 5 years ago

Went to see if a fresh CLI project would fail. It does as well: https://github.com/dylanbhughes/test, same error