使用 es6 class类创建对象 在其他页面 用vue引用报错 is not a constructor

最新推荐文章于 2024-07-11 13:31:17 发布
最新推荐文章于 2024-07-11 13:31:17 发布
阅读量2.9w 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39090097/article/details/82698539
版权

最近项目中使用 es6 新语法class创建对象，在 vue 文件中导入以后，在new的时候报错，很是郁闷

然后 启动项目 ，打开浏览器 刷刷报错

 

明明是是引入了为嘛报错呢？

最后发现是因为 命名的问题 

 

所以小伙伴 们，引入的时候别刷刷名字 全部一通复制，let的定义名字 千万不能和 import 定义的名字一样

一个耕耘在后端的前端
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
运行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&...
ES6中class具体应用到vue开发中
小啊dai
06-07 1941
面对复杂的后端数据，前端应该怎样使用？后期怎样才能更好的维护这些数据？ 核心思想 面对后端传递过来的复杂数据，我们可以使用ES6中类的思想来划分这些这些复杂的数（可以借鉴重构的思想），将每一个组件中所需要的数据，统作为实参传递给新建类中进行重构，将new Class（args）赋值给一个新的类中，将这个类绑定到所需的组件当中去使用。这样的划分便于后期的维护，结构也非常清晰。 代码对比 不进行类划分传递： ... created(){ Vue.axios.get(api).then((response
ExtJs可用的xtype
p_x1984的专栏
09-01 229
xtype            Class-------------    ------------------box              Ext.BoxComponent 具有边框属性的组件button           Ext.Button　　按钮colorpalette     Ext.ColorPalette 调色板component        Ext.Component　组...
npm -v TypeError: Class extends value undefined is not a constructor or null (亲测可以修复)
最新发布
qq_33930506的博客
07-11 155
npm nodejs安装
高德地图报错TypeError: undefined is not a constructor
橙子yq的代码世界
11-04 3823
高德地图在开发聚合和路线规划时报错TypeError: undefined is not a constructor(evaluating 'new n.Driving(map:pe)) found in ... 经排查, 原因是没有引入对应的插件, 我们来看看官方文档 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=密钥&plugin=AMap.Marke..
vue.js提示Vue is not a constructor或Vue.createApp is not a function解决方法
Charlesix59的博客
07-16 2万+
今天尝试写点Vue玩，写着写着，写到一个列表渲染，我写了一个长得像这样的语句 Vue.createApp(data).mount('#id') 结果没有出现预期的结果，于是我打开浏览器，F12，它提示我 Vue.createApp is not a function 怪了呀，这和官方文档写的一样，怎么可能错呢？ 于是我经过反复求证，引入了一个官方的CDN，这下好了，createApp是正常了，出现了一个新的错误，我写过一个这样的语句 var vm = new Vue 打开浏览器F12，它提示我： Vue
手动使用webpack搭建vue开发环境时出现Vue is not a constructor
有术无道止于术，有道无术尚有可为。
01-09 1915
解决方案： 第一步 resolve:{ alias: { 'vue$':'vue/dist/vue.esm.js' } } 在webpack.config.js相应位置加入上述代码 第二步 在html引入bundle.js时应位于vue模板后面 <!-- error --> <script src="./dist/bundle.js"></script> <div id="app"> {{message
用ES6的class模仿Vue写一个双向绑定的示例代码
12-11
本文介绍了用ES6的class模仿Vue写一个双向绑定的示例代码，分享给大家，具体如下： 最终效果如下： 构造器(constructor) 构造一个TinyVue对象，包含基本的el，data，methods class TinyVue{ constructor({el, ...
JS面向对象编程——ES6 中class的继承用法详解
11-21
JavaScript是一种基于对象的语言，虽然它的面向对象特性与传统面向对象编程语言有所不同，但在ES6中引入的`class`语法糖让其变得更加接近经典的面向对象概念。`class`关键字的使用大大简化了对象的创建和继承过程，...
创建vue项目Class extends value undefined is not a constructor or null
12-06
在创建Vue项目时，如果出现“Class extends value undefined is not a constructor or null”的错误，可能是因为您的Vue版本过低或者您的代码中存在语法错误。以下是两种可能的解决方法： 1.升级Vue版本 ```shell ...
关于ExtJs使用时报错：TypeError: b[e] is not a constructor
weixin_30648587的博客
02-24 205
出现这个错误，fireBug会乱提示，从new出来formPanel开始，会挨行提示这个错误，无论你定义了多少属性，会从上到下都给你提示一遍，而这个错误的出现，并不一定是他提示的那个属性，很可能是你item中的那个xtype配置错误，出现拼写错误还是什么，所以出现这个错误以后就是练眼力的时候了，我当时是把datefield写成了datafield，很明显会有TypeError! 转载于:https...
javascript闭包调用报错：xxx is not a constructor
热门推荐
sxf359的博客
10-13 9万+
一个简单的闭包写法： var ScrollLoad = function () { var _range = 80; //距下边界长度/单位px var _loaded = false; //是否所有数据已加载完 var _pageIndex = 1; //其他代码 //...略 retu
vue项目报错TypeError this.cliEngine is not a constructor
qq_46102720的博客
10-12 904
1.解决方法参考地址：https://blog.csdn.net/qq_34917408/article/details/108530084?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Ede
xxx is not a constructor
Bitter的博客
12-24 963
let RegExp = new RegExp('[\\u4E00-\\u9FFF]','g') 我遇到的问题是，通过这个正则表达式进行验证，当我console.log的时候 console.log(RegExp.test(str)) 就报了一下错误： 解决： 不要声明的变量名和构造函数名称相同。 修改为：let Reg = new RegExp('[\\u4E00-\\u9FFF]','g') console.log(Reg.test(str))，即可。 ...
JessIbuca 插件报错 window.Jessibuca is not a constructor
weixin_40790248的博客
08-02 1781
或者去Jessibuca官网重新引入最新的代码到public文件下。如果之前是正常使用的，可以重启下编辑器再次启动项目看看。
微信小程序 使用es6 Class类创建对象 在其他页面 用js引用报错 is not constructor
bis333的博客
08-19 769
1、在被引用的js页面下的Class类上，通过添加export default 或 export 进行暴露。被强行拉来写小程序，这个问题让我好头疼，想了很久，最后是因为暴露方式问题。快乐星期五，下班倒计时，哈哈哈哈。3、Class类 使用。
使用lottie_light.js或者lottie_light_min.js，报错RendererClass is not a constructor或者i is not a constructor
关注前端，关注原创
01-17 584
使用lottie_light.js或者lottie_light_min.js时，报错RendererClass is not a construction或者i is not a construction
Vue解决打包时报错TyeError: Class extends value undefined is not a constructor or null
weixin_44237840的博客
10-14 397
https://blog.csdn.net/weixin_48604432/article/details/120360633
TypeError: "x" is not a constructor 无厘头使用 vuex 的坑
Kofe_Chen的博客
02-12 2130
2019.11.25 写 vuex / store.js 的时候，因为 export default new Vuex.store({ ... }) store 给了个小写，所以爆出了一个 vuex__.a.store is not a constructor 的错误，将小写改为 new Vuex.Store 就解决了。 其中报错 TypeError: "x" is not a constr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值