vue-styleguidist: Not Compatible with Vue 2.5.17

Note aside from building the docs, application, unit tests, and code coverage all work correctly.

Current Dependencies

"dependencies": {
        "lodash": "4.17.11",
        "vue": "2.5.17",
        "vue-awesome": "3.2.0",
        "vue-scrollto": "2.13.0"
    },
    "devDependencies": {
        "avoriaz": "6.3.0",
        "babel-core": "6.26.0",
        "babel-eslint": "8.0.1",
        "babel-loader": "7.1.2",
        "babel-plugin-istanbul": "4.1.1",
        "babel-plugin-transform-runtime": "6.23.0",
        "babel-polyfill": "6.26.0",
        "babel-preset-env": "1.6.1",
        "chai": "4.2.0",
        "cross-env": "3.0.0",
        "css-loader": "0.25.0",
        "eslint": "4.19.1",
        "eslint-config-standard": "11.0.0",
        "eslint-friendly-formatter": "4.0.1",
        "eslint-loader": "2.1.1",
        "eslint-plugin-html": "4.0.6",
        "eslint-plugin-import": "2.14.0",
        "eslint-plugin-node": "8.0.0",
        "eslint-plugin-promise": "4.0.1",
        "eslint-plugin-standard": "3.1.0",
        "eslint-plugin-vue": "4.7.1",
        "extract-text-webpack-plugin": "3.0.2",
        "file-loader": "1.1.5",
        "karma": "3.1.1",
        "karma-coverage": "1.1.1",
        "karma-es6-shim": "1.0.0",
        "karma-mocha": "1.3.0",
        "karma-mocha-reporter": "2.2.5",
        "karma-phantomjs-launcher": "1.0.4",
        "karma-phantomjs-shim": "1.5.0",
        "karma-sinon-chai": "1.3.1",
        "karma-sourcemap-loader": "0.3.7",
        "karma-spec-reporter": "0.0.32",
        "karma-webpack": "3.0.5",
        "karma-webpack-grep": "1.0.1",
        "less": "2.7.1",
        "less-loader": "4.0.5",
        "mocha": "5.2.0",
        "moment": "2.19.1",
        "phantomjs-prebuilt": "2.1.14",
        "rimraf": "2.6.2",
        "sinon": "5.1.1",
        "sinon-chai": "3.2.0",
        "style-loader": "0.19.0",
        "uglifyjs-webpack-plugin": "1.2.7",
        "url-loader": "0.6.2",
        "validator": "9.0.0",
        "vue-loader": "14.2.2",
        "vue-style-loader": "4.1.2",
        "vue-styleguidist": "1.8.11",
        "vue-template-compiler": "2.5.17",
        "webpack": "3.11.0",
        "webpack-dev-server": "2.9.1",
        "webpack-merge": "4.1.2",
        "webpack-node-externals": "1.7.2"
    },

errors recieved trying to build the docs


> geniusavenue-uikit@1.0.36 styleguide:build C:\Dev\GeniusAvenue\GeniusAvenue-UIKit
> vue-styleguidist build

Building style guide...

TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function


TypeError: this.setDynamic is not a function

Style guide published to:
[4mC:\Dev\GeniusAvenue\GeniusAvenue-UIKit\styleguide[24m

Supporting console output

TypeError: this.setDynamic is not a function

Warning: Cannot parse src\Components\textbox\textbox-component.vue: Error: TypeError: this.setDynamic is not a function

It usually means that vue-docgen-api does not understand your source code or when using third-party libraries, try to file an issue here:
https://github.com/vue-styleguidist/vue-docgen-api/issues

AND

There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\node_modules\vue-styleguidist\loaders\vuedoc-loader.js!C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\src\Components\textboxgroup\textboxgroup-component.vue
    Used by 1 module(s), i. e.
    C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\node_modules\vue-styleguidist\loaders\styleguide-loader.js!C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\node_modules\vue-styleguidist\lib\index.js
* C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\node_modules\vue-styleguidist\loaders\vuedoc-loader.js!C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\src\components\textboxgroup\textboxgroup-component.vue
    Used by 1 module(s), i. e.
    C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\node_modules\vue-styleguidist\loaders\styleguide-loader.js!C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\node_modules\vue-styleguidist\lib\index.js
Style guide published to:
C:\Dev\GeniusAvenue\GeniusAvenue-UIKit\styleguide

This current dependency chain works fine

 "dependencies": {
        "lodash": "4.17.5",
        "vue": "2.5.16",
        "vue-awesome": "2.3.4",
        "vue-scrollto": "2.11.0"
    },
    "devDependencies": {
        "avoriaz": "6.3.0",
        "babel-core": "6.26.0",
        "babel-eslint": "8.0.1",
        "babel-loader": "7.1.2",
        "babel-plugin-istanbul": "4.1.1",
        "babel-plugin-transform-runtime": "6.23.0",
        "babel-polyfill": "6.26.0",
        "babel-preset-env": "1.6.1",
        "chai": "4.1.2",
        "cross-env": "3.0.0",
        "css-loader": "0.25.0",
        "eslint": "4.8.0",
        "eslint-config-standard": "10.2.1",
        "eslint-friendly-formatter": "3.0.0",
        "eslint-loader": "1.9.0",
        "eslint-plugin-html": "3.2.2",
        "eslint-plugin-import": "2.7.0",
        "eslint-plugin-node": "5.2.0",
        "eslint-plugin-promise": "3.5.0",
        "eslint-plugin-standard": "3.0.1",
        "eslint-plugin-vue": "3.13.1",
        "extract-text-webpack-plugin": "3.0.1",
        "file-loader": "1.1.5",
        "karma": "2.0.2",
        "karma-coverage": "1.1.1",
        "karma-es6-shim": "1.0.0",
        "karma-mocha": "1.3.0",
        "karma-mocha-reporter": "2.2.5",
        "karma-phantomjs-launcher": "1.0.4",
        "karma-phantomjs-shim": "1.4.0",
        "karma-sinon-chai": "1.3.1",
        "karma-sourcemap-loader": "0.3.7",
        "karma-spec-reporter": "0.0.31",
        "karma-webpack": "2.0.2",
        "karma-webpack-grep": "1.0.1",
        "less": "2.7.1",
        "less-loader": "4.0.5",
        "mocha": "5.1.1",
        "moment": "2.19.1",
        "phantomjs-prebuilt": "2.1.14",
        "rimraf": "2.6.2",
        "sinon": "4.5.0",
        "sinon-chai": "3.0.0",
        "style-loader": "0.19.0",
        "uglifyjs-webpack-plugin": "1.2.7",
        "url-loader": "0.6.2",
        "validator": "9.0.0",
        "vue-loader": "14.2.2",
        "vue-style-loader": "4.1.0",
        "vue-styleguidist": "1.7.13",
        "vue-template-compiler": "2.5.16",
        "webpack": "3.11.0",
        "webpack-dev-server": "2.9.1",
        "webpack-merge": "4.1.2",
        "webpack-node-externals": "1.7.2"
    },

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 19 (12 by maintainers)

Commits related to this issue

fix: update vue-docgen-api closes #226 — committed to vue-styleguidist/vue-styleguidist by elevatebart 6 years ago

Most upvoted comments

ok just add this line to your styleguide.config.js then

module.exports = {
    assetsDir: './src/content/',
    components: 'src/components/**/[A-Z]*.{vue,js}', // << this line
    webpackConfig: require('./build/webpack.dev.config')
};

elevatebart on Dec 2, 2018

@NathanKleekamp, I suspect you are right. Those @babel dependencies of vue-docgen-api should be dev dependencies and peer dependencies no pure dependencies. I am going to fix that.

elevatebart on Dec 2, 2018