你好,我是 laravel 和 mix 的新手。现在我正在学习 jeffrey way vue 教程。这门课引起了很多问题。让我感到困惑和失望的是新问题。在第 26 集 (there) 中,当我尝试运行引发新错误的 watch 命令时:
警告在 ./resources/assets/js/views/Home.vue?vue&type=template&id=6c0a33b2 (./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!. /node_modules/vue-loader/dist/templateLoader.js??ruleSet1.rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0] !./resources/assets/js/views/Home.vue?vue&type=template&id=6c0a33b2) 6:30-48
在 'vue' 中找不到导出 'createStaticVNode'(导入为 '_createStaticVNode')(可能的导出:默认)
有人可以帮我吗?
编辑:
项目文件内容:
route.js(资产/js):
import VueRouter from 'vue-router';
let routes = [
{
path: '/',component: require('./views/Home')
}
];
export default new VueRouter({
routes
});
Home.vue (assets/js/views):
<template>
<div class="container">
<div class="row">
<div class="col-md-8">
<div class='panel panel-default'>
<div class="panel-heading">
Home page
</div>
<div class="panel-body">
I'm an example compnoent!
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Hello world!'
}
}
}
</script>
app.js(用作入口点,保存在assets/js中)
import './bootstrap';
import router from './routes';
new Vue({
el: '#app',router
})
bootstrap.js(资产/js):
import Vue from 'vue';
import VueRouter from 'vue-router';
import axios from 'axios';
window.Vue = Vue;
Vue.use(VueRouter);
window.axios = axios;
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'