运行vue.js项目，浏览器报错“Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2__router__.a is not a constructor”

最新推荐文章于 2024-02-26 17:15:33 发布
最新推荐文章于 2024-02-26 17:15:33 发布
阅读量2.4w 收藏 4
点赞数
分类专栏： vue.js 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kristal_li/article/details/79513212
版权


npm正常运行，网页界面显示空白，控制台报错：“Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2__router__.a is not a constructor”


解决办法：将 import VueRouter from './router' 的路径改为‘vue-router’,问题即解除

原因:

        ./表示你自己当前加载当前目录下的router文件，但是我们没有这个文件，所以‘./router’会报错；

        ‘vue-router’表示这是一个模块，这是webpack处理的模块，webpack会从node_modules里面去加载这个npm包

Kristal_li
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
详解Vue.js搭建路由报错 router.map is not a function
10-19
主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下
vue-router使用出现Uncaught TypeError:Cannot read property ‘use‘ of undefined
不爱修图的摄影爱好者
04-26 2995
问题 Uncaught TypeError:Cannot read property 'use' of undefined //vue.use()没有定义 Uncaught TypeError:vue_router__WEBPACK_IMPORTED_MODULE_6__.default is not a constructor // 说vue-router默认的不是构造器 然后我检查了一下终端输出的内容，好家伙，说我导入的模块没有找到 "export 'default'(imported as 'Vu
vue2 报错Uncaught ReferenceError: Router is not defined怎么解决
最新发布
weixin_63477921的博客
02-26 1339
的错误，可能是因为你的代码中没有正确引入 Vue Router 或者没有正确使用。：首先，你需要确认你的项目中已经安装了 Vue Router。：在你的 Vue 项目中，确保你正确地引入了 Vue Router，并且在 Vue 实例中使用它。：确保你已经正确定义了路由配置。在你的项目中，通常会有一个单独的文件来定义路由，比如。：最后，确保你在组件中正确使用了路由，比如在模板中使用。是 Vue Router 的核心对象，如果出现。或者在 JavaScript 中使用。在你的项目的入口文件（通常是。
Uncaught TypeError: vue_router__WEBPACK_IMPORTED_MODULE_1__.default is not a constructor(vue 报错)
DongShanYuXiao的博客
03-10 7364
使用webpack构建Vue单页面应用项目，项目运行时，浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”，组件中的内容也不能正常显示，to animal也不能正常出现标签的效果。因为./表示当前src目录，目录下并没有router文件，所以webpack会找不到，所以会报错。
vue报错：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent
sugar__amai的博客
06-29 1953
vuejs运行报错
官方的js路由router
weixin_40945354的博客
02-09 1032
// 1. 定义路由组件. // 也可以从其他文件导入 const Home = { template: '<div>Home</div>' } const About = { template: '<div>About</div>' } // 2. 定义一些路由 // 每个路由都需要映射到一个组件。 // 我们后面再讨论嵌套路由。 const routes = [ { path: '/', component: HelloWorld }, { pa
Uncaught TypeError: vue_router__WEBPACK_IMPORTED_MODULE_2__.default is not a constructor 报错的解决
weixin_44161676的博客
10-12 4535
vue启动报错，Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_4__ is not a constructorindex.js中使用createRouter和createWebHistory。
运行vue报错__WEBPACK_IMPORTED_MODULE_2__router__.a is not a constructor
热门推荐
ranran_sun的博客
01-31 5万+
npm运行正常 但浏览器报错： 解决方法：VueRouter的引入不能用npm安装时自带的“import VueRouter from ‘./router’”，要换成“import VueRouter from ‘vue-router’”
vue_router__WEBPACK_IMPORTED_MODULE_2__.default is not a constructor 报错
sumMStar的博客
01-10 595
1.查看packge.json文件的dependencies。vue2版本对应vue-router3版本。卸载之前下载的vue-router。安装的vue-router请使用。
vue-router路由怎么使用以及怎么传递参数
十三月的博客
05-30 255
安装vue-router cnpm install vue-router --save-dev 如果浏览器报错app.js:271 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function，原因是版本太高，需要降低版本 npm install vue-router@3.2.0 演示代码： main.js import Vue from 'vue' ...
运行Vue项目浏览器报“Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2__router__.a is not a constructor”解决方法
tomorrownan的博客
04-08 2万+
1.问题描述 使用webpack构建Vue单页面应用项目，项目运行时，浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”，组件中的内容也不能正常显示，<router-link :to="{path:'animal'}">to animal</router-link&...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
主要介绍了解决vue net :ERR_CONNECTION_REFUSED报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
vue分页插件_vue.js分页插件下载
07-16
vue分页插件_vue.js分页插件下载
Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1_vue_router__.a.beforeEach is not a function 解决方法
weixin_48650019的博客
05-06 5853
在做vue-router的时候，使用到了beforeEach()。但是在使用的时候发现浏览器页面没有元素，看了一下报了这个错 代码如下： 在运行时就出现报错。 解决方法： 将原来的export default new Router = ({}) 更换成const router（可以修改） = new Router({}) , 然后再export default router 。 修改完成后浏览器页面可以...
echarts词云热词echarts-wordcloud问题
leoppeng的专栏
07-22 2545
Uncaught TypeError: echarts_lib_echarts__WEBPACK_IMPORTED_MODULE_0__.helper.createTextStyle is not a function at Object.seriesModel.layoutInstance.ondraw (WordCloudView.js?c03d:20) at HTMLCanvasElement.onWordCloudDrawn (wordCloud.js?0a4f:139) ...
threejs加载模型报错Uncaught (in promise) TypeError Cannot read properties of undefined (reading ‘length‘)
web15185420056的博客
03-01 1923
在使用threejs中OBJLoader.js在场景中加载obj模型时报错， Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'length') 刚开始以为没有设置模型position属性导致（之前有通过设置position加载出模型）， 但是之后每次导入模型都会遇到这个问题 后尝试更改threejs源文件版本成功解决。 最初使用的threejs是通过在官网上复制源码到本地的，建议大家直接在gith
Vue出现报错Uncaught TypeError vue__WEBPACK_IMPORTED_MODULE_0__.default.user is not a function
web15085181368的博客
03-09 7017
Vue代码报错： Uncaught TypeError: vue__WEBPACK_IMPORTED_MODUL_0__.default.user is not a function 解决方法：查看js文件下 是不是Vue.use写成了user 把user改回use就没有报错了
【VUE】vue引入echarts报错（echarts__WEBPACK_IMPORTED_MODULE_2__.default is undefined）
KingdomYuen的博客
06-02 3545
一、版本问题 echarts版本在5.0以上可能会出现不支持的问题，可卸载现在版本 npm uninstall echarts 再安装4.X的版本，如： npm install [email protected] -save 二、引入方式 如果在引用echarts的js文件中直接导入也可能出现问题 import echarts from 'echarts' 可以把引入方式改为 import * as echarts from 'echarts' ...
caught TypeError: vue_router__WEBPACK_IMPORTED_MODULE_2__.default.createRouter is not a function
05-16
这个错误通常是因为你在 Vue 3 中使用了 Vue Router 2 的语法。在 Vue 3 中，Vue Router 发生了一些重大的更改，因此需要使用新的语法。 首先，确保你已经正确安装了 Vue Router 4： ``` npm install vue-router@4 ``` 然后，在你的项目中，可以使用以下语法来创建路由： ```javascript import { createRouter, createWebHistory } from 'vue-router' const routes = [ // your routes here ] const router = createRouter({ history: createWebHistory(), routes, }) export default router ``` 注意，在 Vue 3 中，你需要使用 `createRouter` 函数来创建路由实例，而不是 `new VueRouter`。另外，你还需要使用 `createWebHistory` 或 `createWebHashHistory` 来创建路由历史记录模式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值