Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not Compatible with Vue 2.5.17

See original GitHub issue

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"
    },

Issue Analytics

State:
Created 5 years ago
Comments:19 (12 by maintainers)

Top GitHub Comments

1reaction

elevatebartcommented, Dec 2, 2018

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')
};

1reaction

elevatebartcommented, 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.

Top Results From Across the Web

How do I fix a "Vue packages version mismatch" error on ...

This worked for me: Modify package.json : “vue”: “^2.0.8", “vue-template-compiler”: “^2.1.8". Delete node_modules. Run npm install.

Installation - Vue.js

Vue does not support IE8 and below, because it uses ECMAScript 5 features that are un-shimmable in IE8. However it supports all ECMAScript...

2.5.17 - vue - npm

The progressive JavaScript framework for building modern web UI.. Latest version: 3.2.45, last published: a month ago. Start using vue in ...

Installing Vue through Laravel Mix is hard - Laracasts

an incompatible combination of Vue and Mix (eg, I'm not 100% sure if Vue 3 works with Mix). You might get more help...

vue-template-compiler | Yarn - Package Manager

This package can be used to pre-compile Vue 2.0 templates into render functions to ... provide/inject: do not mutate original provide options during...