Vue 路由：未捕获类型错误：window.Vue.use 不是函数

在我的 Laravel 项目中，我正在使用 Vue 库，并且我试图在我的模块中使用 vue 路由器，但是当我像往常一样尝试导入 vue 路由器时（ _参见下面的代码_），我的控制台出现错误： Uncaught TypeError: window. Vue.use 不是函数

任何想法如何解决这个问题？我使用 webpack 创建了这个模块。

 import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

import App from './App.vue'

const router = new VueRouter({
    routes: [{
        'path' : '/user/:id/'
    }]
});

new Vue({
  router,
  el: '#play',
  render: h => h(App)
});

原文由 bakis 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 815

不确定，但可能是我的疏忽造成的。

问题出在页面加载时的 JS 文件顺序中。仍然不确定为什么会这样。我尝试在标记之前使用生成的 JS 文件，但这没有用，所以我只是将我的 JS 文件放在 Vue 模板容器之后，它开始工作（检查下面的代码片段）。如果有人对此有任何解释，我会很高兴听到，因为现在我可以称之为“魔法”。

 <body>
    @yield('after_body_open')

    {{--Header--}}
    <header>
        @include('layouts.top-bar')

        @include('layouts.header')
    </header>

    {{--Page content--}}
    <main>
        @yield('content')
    </main>

    <div id="play"></div>{{--Vue instance--}}
    <script src="{{ asset('js/vue/play.js') }}"></script> **TO HERE**

    {{--Footer--}}
    <footer></footer>

    {{--Notifications block--}}
    <div id="notifications"></div>{{--Vue instance--}}

    {{--Required JS files--}}
    <script src="{{ asset('js/vue/navigation.js') }}"></script>
    <script src="{{ asset('js/vue/notifications.js') }}"></script>
    <script src="{{ asset('js/vue/play.js') }}"></script> **FROM HERE**

    @yield('before_body_close')
</body>

原文由 bakis 发布，翻译遵循 CC BY-SA 4.0 许可协议

Vue 路由：未捕获类型错误：window.Vue.use 不是函数

你尚未登录，登录后可以

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？

如何实现从一个div中拖拽dom到另一个div容器？

electron如何屏蔽鼠标上的前进后退快捷键？

Stack Overflow 翻译