vueify breaks when upgrading vue to 2.5.8
brian-lamb-software-engineer opened this issue · comments
updating to
"vue": "^2.5.8"
breaks vueify.
I have tried to remove and re add vueify, do i need to delete all vue* dirs maybe in node_modules
and try again, or possibly forsakenly remove the whole node_modules
again..? Or does "Breakage" mean don't install Vue 2.5.8 until .. what?
Running gulp to compile i get this.
Vue packages version mismatch:
- vue@2.5.8
- vue-template-compiler@2.5.7
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
I dont use vue-template-compiler.
My gulpfile (wasnt easy to come by, any suggestions welcome here)
var browserify = require('browserify');
module.exports = function (gulp, plugins, config) {
return function(){
gulp.task('vue-build', function () {
browserify({entries: [
config.paths.assetDir + 'js/app.js'
]}) // path to your entry file here
// .transform(plugins.vueify) //moved to package.json
.plugin('vueify/plugins/extract-css', { out: config.paths.publicDir + 'css/vue-bundle.css' }) // path to where you want your css
// .transform(plugins.babelify, {"presets": ["es2015"]}) //moved to package.json
.external('vue') // remove vue from the bundle, if you omit this line whole vue will be bundled with your code
.bundle()
.pipe(plugins.source('app.js'))
.pipe(gulp.dest(config.paths.publicDir + 'js'));
})
}
};
Solved:
Ok, reporting back, deleting out node_modules/vue*
then running npm install
solved this issue. I wouldnt have tried that quick, except that I almost tried downgrade to 2.5.7
when i realized i had to go in there anyway to remove the vue directory anyway, so i thought I would just try it first.