任何人都可以帮我解决这个问题吗?我正在努力学习如何使用Laravel的elixir.browserify + vue.js,但我无法完成这项工作!我收到这个错误:
gulp-notify: [Laravel Elixir] Browserify Failed!: Unexpected token
D:\xampp\htdocs\pwebdev-project\resources\assets\js\components\skills.vue:1
<template>
^
ParseError: Unexpected token
Run Code Online (Sandbox Code Playgroud)
知道可能是什么问题吗?我是否需要指定我想要使用vueify的地方,或者我只需要像我一样安装它?
的package.json
{
"private": true,
"devDependencies": {
"babel-runtime": "^6.3.13",
"gulp": "^3.8.8",
"vue-hot-reload-api": "^1.2.2",
"vueify": "^7.0.2"
},
"dependencies": {
"bootstrap": "^3.3.6",
"font-awesome": "^4.5.0",
"jquery": "^2.1.4",
"laravel-elixir": "^4.0.0",
"vue": "^1.0.11",
"vue-resource": "^0.1.17"
}
}
Run Code Online (Sandbox Code Playgroud)
gulpfile.js
var elixir = require('laravel-elixir');
elixir(function(mix) {
mix.browserify('main.js');
});
Run Code Online (Sandbox Code Playgroud)
main.js
var Vue = require('vue')
var Skills = require('./components/skills.vue')
new Vue({
el: '#app',
components: {
'skills' : Skills
}
})
Run Code Online (Sandbox Code Playgroud)
和/components/skills.vue
<template>
<div> …
Run Code Online (Sandbox Code Playgroud)