Exclude vue and vue-template-compiler from vbuild

[egoist]

Exclude vue and vue-template-compiler from vbuild

[egoist]

um... I'm going to exclude these two deps 😅

[egoist]

Yep, my commit would fix this.

[throrin19]

I have the same error

[egoist]

@throrin19 try installing vue and vue-template-compiler in your project

[throrin19]

I tried to install vue and vue-template-compiler in my project but I have the same error.

package.json :

{
  "name": "test-vue",
  "version": "0.1.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "vbuild --dev",
    "build": "vbuild"
  },
  "repository": {
    "type": "git",
    "url": "xxxxxxt"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "vue": "2.1.5",
    "vue-material": "0.4.1",
    "vue-touch-ripple": "2.2.2"
  },
  "devDependencies": {
    "node-sass": "4.0.0",
    "sass-loader": "4.0.2",
    "vbuild": "4.2.2",
    "vue-template-compiler": "2.1.5"
  }
}

vue.config.js :

module.exports = {
    title    : 'Goomeo Vue',
    resolve  : true,
    template : __dirname + '/docs/index.html',
    postcss  : {
        autoprefixer : {
            browsers : ['ie > 9', 'chrome > 42']
        }
    },
    entry : {
        client   : ['./docs/index.js']
    }
};

Error log :

ERROR in ./docs/components/App.vue
Module build failed: Error: 

Vue packages version mismatch:

- [email protected]
- [email protected]

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.

But I think it was a problem here, I have the vue-template-compiler installed with the 2.1.5 version and the error is for the 2.1.3. And Vue is installed with the 2.1.5 version and the error is for the 2.1.4 version

[egoist]

It looks vue-loader can only resolve vue-template-compiler which is in vbuild's node_modules

If we exclude vue-template-compiler then we need to exclude vue-loader and vue-style-loader 😱

I think removing vue-template-compiler (in your project) and only install expected vue version (2.1.3) in your project could solve this for now.

[throrin19]

I found the problem : To works we should install the latest version of vue-loader directly in the project

[egoist]

that's what I wanna prevent, no (or less) dev dependencies in your project

[throrin19]

But, If we should update vue version or other component (vue-router, vuex, ...), we will have to wait for you to publish an update.

[egoist]

This is my solution to it cf007fb

[throrin19]

And I think it was a problem with Yarn.

Whith this package.json :

"dependencies": {
    "vue": "2.1.5",
    "vue-material": "0.4.1",
    "vue-touch-ripple": "2.2.2"
  },
  "devDependencies": {
    "babel-core": "^6.20.0",
    "babel-eslint": "7.1.1",
    "babel-plugin-transform-runtime": "^6.15.0",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-stage-2": "^6.18.0",
    "node-sass": "4.0.0",
    "sass-loader": "4.0.2",
    "vbuild": "4.2.2",
    "vue-loader": "10.0.2",
    "vue-template-compiler": "2.1.5"
  }

If I run the installation with npm install I have no problem, the compilation works fine.
If I run the installation with yarn I have the problem between [email protected] and [email protected].

After tests, the problem is the dependances resolutions if I install vbuild locally to the project. (I make that to simplify co-workers production envs). Any idea ?

[throrin19]

Ok :). I'll wait for the release of this fix

[egoist]

Update to 4.3.0 should be good! let me know if there's any further issues

[throrin19]

It works fine thanks :)

[layanto]

vbuild v4.3.1 onwards exclude vue-loader and vue-template-compiler. Are we expected to include them as devDependencies in the project now?

[egoist]

@layanto yes