After spending almost a full day trying to upgrade from Vue.js 1.X to Vue.js 2.0, I still get errors (using gulp watch)
A mistake in. /~/buble-loader!./~/vue-loader/lib/selector.js?type= script & index = 0! ./ resources / assets / js / components / example / example.vue Module build error: SyntaxError: Unexpected token (41:79) at Parser.pp $ 4.raise (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:2221:15) at Parser.pp.unexpected (/ home / vagrant / Projects / test / node_modules / acorn / dist / acorn.js: 603: 10) in Parser.pp $ 3.parseExprAtom (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:1822:12) in Parser. parseExprAtom (/home/vagrant/Projects/test/node_modules/buble/dist/buble.umd.js:656:26) in Parser.pp $ 3.parseExprSubscripts (/ home / vagrant / Projects / test / node_modules / acorn / dist / acorn.js: 1715: 21) at Parser.pp $ 3.parseMaybeUnary (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:1692:19) at Parser.pp $ 3.parseExprOps (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:1637:21) in Parser.pp $ 3.parseMaybeConditional (/ home / vagrant / Projects / test / node_modules / acorn / dist / acorn. js: 1620: 21) at Parser.pp $ 3.parseMaybeAssign (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:1597:21) at Parser.pp $ 3.parseMaybeAssign (/ home / vagrant / Projects / test / node_modules / acorn / dist / acorn.js: 1608: 25) @. / Resources / assets / js / components / example / exmple.vue 7: 18-107 @. /~/buble-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/example/exampleParent.vue @. / resources / assets / js /components/example/exampleParent.vue @. /resources/assets/js/app.js21) at Parser.pp $ 3.parseMaybeAssign (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:1597:21) at Parser.pp $ 3.parseMaybeAssign (/ home / vagrant / Projects / test / node_modules / acorn / dist / acorn.js: 1608: 25) @. / resources / assets / js / components / example / exmple.vue 7: 18-107 @. /~/buble-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/example/exampleParent.vue @. / resources / assets / js /components/example/exampleParent.vue @. /resources/assets/js/app.js21) at Parser.pp $ 3.parseMaybeAssign (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:1597:21) at Parser.pp $ 3.parseMaybeAssign (/ home / vagrant / Projects / test / node_modules / acorn / dist / acorn.js: 1608: 25) @. / resources / assets / js / components / example / exmple.vue 7: 18-107 @. /~/buble-loader!./~/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/example/exampleParent.vue @. / resources / assets / js /components/example/exampleParent.vue @. /resources/assets/js/app.js/resources/assets/js/components/example/exampleParent.vue @. / resources / assets / js / components / example / exampleParent.vue @. /resources/assets/js/app.js/resources/assets/js/components/example/exampleParent.vue @. / resources / assets / js / components / example / exampleParent.vue @. /resources/assets/js/app.js
{
"private": true,
"scripts": {
"prod": "gulp --production",
"dev": "gulp watch"
},
"dependencies": {
"babel-core": "^6.18.0",
"babel-loader": "^6.2.7",
"babel-plugin-transform-runtime": "^6.15.0",
"babel-runtime": "^6.18.0",
"bootstrap": "^3.3.7",
"bootstrap-switch": "^3.3.2",
"css-loader": "^0.25.0",
"lodash": "^4.14.0",
"vue": "^2.0.3",
"vue-hot-reload-api": "^2.0.6",
"vue-html-loader": "^1.2.3",
"vue-loader": "^9.7.0",
"vue-resource": "^1.0.3",
"vue-strap": "^1.1.18"
},
"devDependencies": {
"babel-preset-es2015": "6.9.0",
"bootstrap-sass": "^3.3.7",
"gulp": "^3.9.1",
"install": "^0.8.2",
"laravel-elixir": "^6.0.0-9",
"laravel-elixir-vue-2": "^0.2.0",
"laravel-elixir-webpack-official": "^1.0.9",
"npm": "^3.10.9",
"vue-router": "^2.0.1"
}
}
gulpfile
const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
elixir(mix => {
mix.sass('app.scss')
.webpack('app.js')
.webpack('backend.js')
}
? ?