热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue.js运行时界面空白,报_vueRouter2.defaultisnotaconstructor?

vue.js项目运行时界面空白,报_vueRouter2.defaultisnotaconstructor错误。UncaughtTypeError:_vueRouter2.d

vue.js项目运行时界面空白,报_vueRouter2.default is not a constructor错误。
Uncaught TypeError: _vueRouter2.default is not a constructor



1
2
3
4
5
6
at Object. (router.js:24)

at __webpack_require__ (bootstrap c0f0e95…:52)

at Object. (entry.js:2)

at __webpack_require__ (bootstrap c0f0e95…:52)

at webpackJsonpCallback (bootstrap c0f0e95…:23)

at bundle.js:1

这个错误是什么原因导致的?为什么之前可以运行,隔了一段时间就不行了?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import Vue from 'vue';

import App from '../App.vue';

import VueRouter from 'vue-router';

import VueResource from 'vue-resource';



Vue.use(VueRouter);

Vue.use(VueResource);



import GDMap from './views/gdmap.vue'

import Admins from './views/admins.vue'

import Drivers from './views/drivers.vue'

import Vehicles from './views/vehicles.vue'

import Stations from './views/stationsTest.vue'

import Routes from './views/routes.vue'

import Frequencies from './views/frequencies.vue'

import Login from './views/login.vue'

import OrderBuses from './views/orderBuses.vue'

import OrderTravels from './views/orderTravels.vue'

import OrderCharters from './views/orderCharters.vue'

import Cities from './views/cities.vue'

import Permissions from './views/permissions.vue'

import Common from './Common.vue'



export default new VueRouter ({

  mode: 'history',

  scrollBehavior: () => ({ y: 0 }),

  routes: [

    { path: '/l/:page', component: Login},

    { path: '/k/common', component: Common, children: [

        { path: '/m/:page', component: GDMap },

        { path: '/c/:page/:id(\\d+)?', component: Cities },

        { path: '/p/:page/:id(\\d+)?', component: Permissions },

        { path: '/a/:page/:id(\\d+)?', component: Admins },

        { path: '/d/:page/:id(\\d+)?', component: Drivers },

        { path: '/v/:page/:id(\\d+)?', component: Vehicles },

        { path: '/s/:page/:id(\\d+)?', component: Stations },

        { path: '/r/:page/:id(\\d+)?', component: Routes },

        { path: '/f/:page/:id(\\d+)?', component: Frequencies },

        { path: '/b/:page/:id(\\d+)?', component: OrderBuses },

        { path: '/t/:page/:id(\\d+)?', component: OrderTravels },

        { path: '/o/:page/:id(\\d+)?', component: OrderCharters },

        { path: '*', redirect: 'm/map'  }

    ]},

    { path: '*', redirect: 'l/login' }

  ]

})



   



推荐阅读
  • 本文涉及源码版本为2.6.9准备工作down一份Vue源码,从package.json入手,找我们需要的代码1、package.json中的scripts,build:nodesc ... [详细]
  • 媒介本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时候为2017年6月12日,许多内容早已逾期或是许多近期优异组件未被收录,所以小肆 ... [详细]
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • Java序列化对象传给PHP的方法及原理解析
    本文介绍了Java序列化对象传给PHP的方法及原理,包括Java对象传递的方式、序列化的方式、PHP中的序列化用法介绍、Java是否能反序列化PHP的数据、Java序列化的原理以及解决Java序列化中的问题。同时还解释了序列化的概念和作用,以及代码执行序列化所需要的权限。最后指出,序列化会将对象实例的所有字段都进行序列化,使得数据能够被表示为实例的序列化数据,但只有能够解释该格式的代码才能够确定数据的内容。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • Java学习笔记之面向对象编程(OOP)
    本文介绍了Java学习笔记中的面向对象编程(OOP)内容,包括OOP的三大特性(封装、继承、多态)和五大原则(单一职责原则、开放封闭原则、里式替换原则、依赖倒置原则)。通过学习OOP,可以提高代码复用性、拓展性和安全性。 ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • 预备知识可参考我整理的博客Windows编程之线程:https:www.cnblogs.comZhuSenlinp16662075.htmlWindows编程之线程同步:https ... [详细]
  • JDK源码学习之HashTable(附带面试题)的学习笔记
    本文介绍了JDK源码学习之HashTable(附带面试题)的学习笔记,包括HashTable的定义、数据类型、与HashMap的关系和区别。文章提供了干货,并附带了其他相关主题的学习笔记。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • Netty源代码分析服务器端启动ServerBootstrap初始化
    本文主要分析了Netty源代码中服务器端启动的过程,包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用,深入理解Netty服务器端的启动过程。同时,还介绍了LoggingHandler的作用和使用方法,帮助读者更好地理解Netty源代码。 ... [详细]
  • Arduino + ESP32C3 + TFT(1.8‘ ST7735S)基础平台(实验四)直接显示网络图片
    ------------------------------------------------------------------------------------------ ... [详细]
author-avatar
手机用户2502877525
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有