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');

私の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-elixir-vue-2に付属する新しいlaravelバージョンをインストールし、問題を解決しました!

パッケージを更新すると、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

index.html から を削除するだけ<router-view></router-view>で問題ありません。

于 2016-10-05T14:03:37.933 に答える