2

我在尝试将 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');

我的应用程序.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' 它工作正常！

有人知道如何解决吗？

4

3 回答 3

3

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

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

当我们更新包时，Vedovelli 和 Vinicius 的评论都能正常工作！

谢谢

于 2016-10-05T15:36:05.417 回答
2

尝试

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 App({
  router
}).$mount('#app');

并从您的 index.html 中删除

于 2016-10-05T14:12:39.433 回答
1

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

于 2016-10-05T14:03:37.933 回答