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

最新推荐文章于 2024-10-09 10:34:44 发布

Kristal_li

最新推荐文章于 2024-10-09 10:34:44 发布

阅读量2.5w

点赞数

分类专栏： vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/Kristal_li/article/details/79513212

版权

vue.js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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包

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Kristal_li

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

解决vue net :ERR_CONNECTION_REFUSED报错问题

10-14

本文将重点讲解如何解决Vue项目中出现的这个报错问题。首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...

Uncaught TypeError: vue_router__WEBPACK_IMPORTED_MODULE_2__.default is not a constructor 报错的解决

weixin_44161676的博客

10-12

5128

vue启动报错，Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_4__ is not a constructorindex.js中使用createRouter和createWebHistory。

2 条评论您还未登录，请先登录后发表或查看评论

vue_router__WEBPACK_IMPORTED_MODULE_2__.default is not a constructor 报错

sumMStar的博客

01-10

1104

1.查看packge.json文件的dependencies。vue2版本对应vue-router3版本。卸载之前下载的vue-router。安装的vue-router请使用。

Uncaught TypeError: Vue.component is not a function

热门推荐

ranran_sun的博客

01-31

5万+

npm运行正常但浏览器报错：解决方法：VueRouter的引入不能用npm安装时自带的“import VueRouter from ‘./router’”，要换成“import VueRouter from ‘vue-router’”

vue-router路由怎么使用以及怎么传递参数

十三月的博客

05-30

300

安装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.js搭建路由报错 router.map is not a function

10-19

然而，有时候在搭建Vue Router时可能会遇到"router.map is not a function"这样的错误，这通常是由于版本不兼容或者使用方法不当导致的。 **错误分析：** 在Vue Router的早期版本（例如1.0.x）中，`router.map`是...

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: ...

HTML-weixinchar.rar_html聊天界面_vue+webpack_微信聊天_微信聊天

09-20

在这个项目中，Webpack被用来管理Vue.js组件，以及处理CSS预处理器（如Sass或Less）、图片优化等任务。`dist`目录下包含的就是Webpack打包后生成的文件。 `src`目录是项目的主要源代码区域。其中可能包括`main.js`...

echarts词云热词echarts-wordcloud问题

leoppeng的专栏

07-22

2762

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) ...

Vue出现报错Uncaught TypeError vue__WEBPACK_IMPORTED_MODULE_0__.default.user is not a function

web15085181368的博客

03-09

7150

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

3830

一、版本问题 echarts版本在5.0以上可能会出现不支持的问题，可卸载现在版本 npm uninstall echarts 再安装4.X的版本，如： npm install echarts@4.1.0 -save 二、引入方式如果在引用echarts的js文件中直接导入也可能出现问题 import echarts from 'echarts' 可以把引入方式改为 import * as echarts from 'echarts' ...

【vue3常见报错7】Uncaught TypeError - xxx is not a constructor

朱远辉的博客

05-19

3116

【vue3常见报错7】Uncaught TypeError - xxx is not a constructor

关于更改了vue版本报出的错误：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a

weixin_63136716的博客

02-16

2562

Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function。 Vue packages version mismatch: - vue@2.6.14 (D:\company_project\jcek\jcek-frame-web\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.10 (

Vue报错：Uncaught (in promise) TypeError: (0 , _api__WEBPACK_IMPORTED_MODULE_2__.default) is not

前端如逆水行舟...

05-18

1万+

目前只知道我的问题出在哪里报的这个错——问题在于我使用的是分别暴露的方式，但是我引入的时候却下意识的使用了默认暴露引入接口，才出现带有api的错误。我的改正是，接口对外暴露的方式依旧是分别暴露，而我引入的方式是加了一个{}为了能够合理正确的引入我的问题出现的范围在vuex仓库这里,引入路径为@/api中获取数据的接口，在api中这个接口的暴露方式和仓库引用的方式并不匹配造成了上图的错误。这也是我粗心大意造成的，还好我划分的范围比较清晰，很快就找到了。。。。 ...

vue项目引入element-ui后报错的解决方案

知行合一，跬步致远

06-19

9959

错误：vue2.0引入element-ui后报错如下图原因：后来从依赖文件里找到了问题，vue无法识别.ttf和.woff文件解决办法：修改vue配置文件“webpack.config.js”如下：（重启vue项目，完美解决）参考：https://segmentfault.com/q/1010000011762672?sort=created...

6.4 xxx is not a constructor，npx命令，webpack严格遵循导入导出，★★webpack学习小记，source-map无追踪

qq_40196738的博客

06-06

5123

1、在尝试es5的require方式导入模块，发现打包时出现,Vue is not a constructor 在比对大佬的代码后，发现不同就是大佬使用的是es6的import引入Vue而我是require，故尝试安装babel最新插件让webpack支持es6语法。安装三大核心插件 "@babel/core": "^7.4.5", "babel-loader": "^8.0....

Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function

weixin_56541207的博客

03-16

7747

运行vue项目，web端没有任何显示，按F12出现： app.js:271 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function

index.js:232 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default.store is not a constructor

12-25

根据提供的引用内容，报错信息"Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default.store is not a constructor"表明在index.js文件的第232行出现了错误，错误原因是vue__WEBPACK_IMPORTED_MODULE_0__.default.store不是一个构造函数。这个错误通常发生在使用Vue的store时出现问题。解决这个问题的方法是确保正确导入和使用Vue的store。请检查以下几点： 1. 确保已经正确安装了Vue和Vuex，并在项目中导入了Vue和Vuex。 2. 确保在index.js文件中正确导入了Vue和Vuex，并且使用了正确的语法。 3. 确保在创建Vue实例之前，已经正确创建了Vuex的store实例，并将其传递给Vue实例。以下是一个示例代码，展示了如何正确导入和使用Vue的store： ```javascript // 导入Vue和Vuex import Vue from 'vue' import Vuex from 'vuex' // 使用Vuex插件 Vue.use(Vuex) // 创建Vuex的store实例 const store = new Vuex.Store({ // 在这里定义你的store配置 }) // 创建Vue实例，并将store传递给Vue实例 new Vue({ store, // 在这里定义你的Vue实例配置 }).$mount('#app') ``` 请检查你的代码，确保按照上述示例正确导入和使用了Vue的store。如果问题仍然存在，请提供更多的代码和错误信息，以便我能够更好地帮助你解决问题。

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

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