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

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>

有了这个有以下错误：

You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

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

有人知道怎么解决吗？

Answer 1

只需从您的 index.html 中删除 <router-view></router-view>，您应该没问题。

Answer 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

中删除

Answer 3

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

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

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

谢谢

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

Vue 2 + VueRouter 2 + Laravel 5.3 - Webpack (Runtime x Standalone build issue)

webpack

laravel-5.3

vuejs2