Question

我在尝试使用Vuejs 2 + Vue Router 2 + Laravel 5.3与webpack时遇到错误！

有我的代码：

我的index.html

<div id="app">
        <router-view></router-view>
    </div>

我的app.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import Map from './map'

Vue.use(VueRouter);

const router = new VueRouter({
    routes: Map
});

new Vue({
    router,
    render: h => {
        return h(App)
    }
}).$mount('#app');

我的App.vue

<template>
    <router-view></router-view>
</template>

<script>
    export default {
        name: 'App',
    }
</script>

有了这个，有以下错误：

您正在使用Vue的仅运行时版本，其中模板选项不可用。将模板预编译为渲染函数，或使用包含编译器的构建。

如果我更改了我的Vue导入： import Vue from 'vue' 至 import Vue from 'vue/dist/vue.js' 它工作正常！

有人知道如何修复它吗？

Answer 1

伙计们，我认为这与laravel-elixie-vue套餐有关！

我和Anderson一起工作，我们安装了laravel-elixir-vue-2新包装的新laravel版本并解决了这个问题！

当我们更新套餐时，Vedovelli和Vinicius的评论都能正常运作！

由于

Answer 2

试

.code

并从index.html中删除

Answer 3

只需从index.html中删除<router-view></router-view>，就可以了。

Vue 2 + VueRouter 2 + Laravel 5.3 - Webpack（运行时x独立构建问题）

3 个答案: