脚手架4.x搭建项目报错Uncaught TypeError: Cannot read property ‘use‘ of undefined

最新推荐文章于 2024-04-09 13:55:57 发布
最新推荐文章于 2024-04-09 13:55:57 发布
阅读量9.3k 收藏 9
点赞数 9
文章标签： vue web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40567849/article/details/108181144
版权

我在使用vue-cli 4.5.4创建项目时，初始化页面打不开，并报错如下图：
在这里插入图片描述
在ui界面中可看到如下警告：Couldn’t parse bundle asset "F:\dist\js\about.js
下图我再次还原错误的时候出现了新的错误，报hot-update.js的错误
在这里插入图片描述
先说解决办法：删除main.js中的import './plugins/element.js’这句应该就可以看到经典界面了
在这里插入图片描述
在这里插入图片描述
在排除错误的过程中尝试了很多办法，网上并未能找出满意的结果。由于vue-cli版本太新，也不太容易寻找答案。

先写到这里，以后思考出具体原因了再更新

文章是原来初学vue写的，问题出现的具体原因我评论里有写

为了避免误解，特更新一下文章

原因是因为我是使用vue3.0preset创建的项目，而element-ui库是使用vue2.0开发的一套组件库，所以存在兼容性问题。

如果是创建的vue3.0的项目，就要引入对应版本的element-ui组件库

qq_40567849
关注
Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错
王佳斌
07-10 2959
剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannot read properties of undefined (reading 'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报
解决js报错：TypeError: Cannot read property ‘xxx‘ of undefined
FarryNiu的博客
06-11 1万+
找不到未定义的属性/方法
vue3报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”
热门推荐
菜鸟的博客
04-12 3万+
在跟着视频学习用vue配置路由时，在路由文件中使用Vue.use(router)的语句无法正常启动服务，并且浏览器报错，提示‘use’并未定义；看了一下，如下图，vue中没有use（）这个方法 经过查找资料后发现，这种加载vue-router的方式是vue2使用的，但我现在用的是vue3（跟着视频创建项目时老师说vue3更新的东西也不会对我们的项目产生什么影响之类的，喜新厌旧的我就直接用了vue3，导致和课程配置不一样了）。因此，我现在需要使用vue3的方式来导入vue-router。 首先，在路由
Uncaught TypeError: Cannot read property ‘use‘ of undefined
weixin_44932349的博客
04-02 2906
在Vue项目中，如果使用了element插件，出现以下bug 解决一：（这并不能完全解决问题） 解决二：由于版本问题，element可能还无法兼容Vue3，在创建项目的时候，选择Vue2，使用element时就不会出现以上bug ...
Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”
jakelihua
06-05 3918
回到前端代码，发现这里使用了Vue.use，但是上面错误提示里面显示里面没有，原因是因为下面这个写法是Vue2的写法，vue3的话需要修改一下。这个错误说的是use这个方法没有定义。
TypeError: Cannot read property ‘use‘ of undefined
weixin_47692776的博客
01-15 852
import { createApp } from 'vue' import App from './App.vue' import router from './router' import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' const app = createApp(App) app .use(router) .use(Antd) .mount('#app') 解决方法：安装新版本ant
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
【react】启动新项目时报错:Uncaught TypeError: Cannot read property ’forEach‘of undefined
all_might1的博客
09-10 1246
一、问题描述 忙里偷闲，想重开个项目，用作练习项目。但是在 npm i ，启动后，项目没有出现React转圈圈的动画。一开控制台报了如下错误： 二、问题解决思路 本来想顺藤摸瓜找到这个文件看看那句话是咋回事，但是用vscode打开的工程里全局搜愣是找不到。我自己去node_moudle顺着字母找下去，也毫无收获，没这文件。 但是无论我怎么重新启动都报这个错，然后不信邪就去直接找项目文件夹。嘿，很轻松一眼找到了。 ...
运行vue cli项目时，报错：Uncaught TypeError: Cannot read property ‘use‘ of undefined
前端小白的博客
09-12 3032
运行vue cli项目时 报错：Uncaught TypeError: Cannot read property ‘use‘ of undefined 1. 运行vue cli创建的项目时，报错： 2.报错原因： 在该Vue项目中使用了element插件，会出现bug，Vue的版本与element的版本不兼容； 当我们在vue项目中安装cube-ui时，也有可能会出现以上情况，也是由于vue的版本与其不兼容。 3.解决方法： 检查自己在创建项目时，使用的vue的版本： （1）如果是vue2.x，使用e
Vue3 安装axios使用报错：Uncaught TypeError: Cannot read property ‘use‘ of undefined
鹤汀凫渚 的博客
05-06 5918
最近在学习Vue3，使用vue cli4搭建了一个demo项目，安装axios后，控制台报错： Uncaught TypeError: Cannot read property 'use' of undefined at eval (axios.js?be3b:59) at Module../src/plugins/axios.js (app.js:1229) at __webpack_require__ (app.js:854) at fn (app.js:151)
vue-router使用出现Uncaught TypeError:Cannot read property ‘use‘ of undefined
不爱修图的摄影爱好者
04-26 3055
问题 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
uncaught typeerror: cannot read property ‘use‘ of undefined at...终极解决方案
JAvavvvvv的博客
10-28 441
主要解决在Springboot和Vue集成的前后端分离项目中axios的引用
vue3 解决 axios插件的问题 uncaught typeerror: cannot read property ‘use‘ of undefined at...
RainCat_zZ的博客
08-25 932
问题：axios.js?be3b:59 uncaught typeerror: cannot read property ‘use’ of undefined at eval (axios.js?be3b:59) at module…/src/plugins/axios.js (app.js:1160) at webpack_require (app.js:849) at fn (app.js:151) at eval (main.js:10) at module…/src/main.js (app.js:
Uncaught TypeError: Cannot read property ‘use‘ of undefined at eval (element.js?7378:4)
qq_45104740的博客
08-20 650
Uncaught TypeError: Cannot read property ‘use’ of undefined at eval (element.js?7378:4) 背景 使用vue脚手架创建项目，添加插件vue-cli-pluging-element并运行开启app后，浏览器显示报错,没有显示出初始页面。 原因： element-ui是一套基于 Vue 2.0 的桌面端组件库。使用vue3创建项目和element-ui不兼容。 解决： 使用脚手架创建项目时使用Vue3,再使用eleme
关于vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined 的解决办法
weixin_44647098的博客
12-29 1万+
其实很简单 哈哈哈 就是因为版本的问题 根目录执行下面这个命令就行了 cnpm i --save ant-design-vue@next -S cnpm 和 npm 都行 我把我main.js的内容粘出来方便大家复制 import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import Antd from 'ant-des
Uncaught TypeError: Cannot read properties of undefined这个报错如何解决！
最新发布
tianxianghuiwei的博客
04-09 7371
这个错误意味着您的代码尝试访问一个未定义的变量或对象的属性。在这种情况下，代码尝试读取一个名为'title'的属性，但该属性所属的对象是未定义的，因此引发了这个错误。
脚手架搭建vue项目运行报错Uncaught TypeError: Cannot read property ‘use‘ of undefined
FreeM_L的博客
04-02 1222
layui中from.on函数前台报错Uncaught TypeError: Cannot read properties of undefined (reading 'on')
08-24
引用中的报错信息"Uncaught TypeError: Cannot read properties of null (reading 'Md')"表明在代码中尝试读取空对象的属性'Md'时发生了错误。这种错误通常是因为你尝试访问一个不存在的对象或属性。 引用提供了...
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值