nuxt安装集成elementui,解决HTMLElement is not defined

AI权益加码!Claude Code、Cursor等20+工具免费用! 购周边限时加赠Coding Plan Lite,畅享主流AI工具!学习进阶更高效! 阅读详情

按照步骤集成安装nuxt后,npm  run dev报错  HTMLElement is not defined

官方解释是这样的

官方只给了原因,没给最终翻解决方案,正确方案找到nuxt.config.js

plugins: [
	  {
	  	src: '@/plugins/element-ui',
	  	ssr: false
	  }
	],

设置ssr属性为false,只在客户端打包

 

 搞定

vue3 - 报错Uncaught ReferenceError: ElementPlus is not defined(vue3报错ElementPlus is not defined,详细解决方案 vue3,element-Plus,typescript,引入组件后报错ElementPlus is not defined,但组件能正常显示就是报错,如何解决vue3+element-plus报错Uncaught ReferenceError: ElementPlus is not defined解决vue3+ts报错,如何解决在vue3网页中出现报错,详细解决教程,强力解决,Vue3项目引用element-plus(2.3.14)报错 "ElementPlus is not defined"。 阅读详情

相关推荐

使用element UI在线运行无效、报错问题(Uncaught ReferenceError: Vue is not defined

问题背景,因为近期要做一个门户网站,但是自己只有一点的vue基础和uniapp、uview框架的项目经验,就想到了使用vue+elementUI框架开发,当我去官网了解时遇到了问题,点击组件在线运行时会报错,它使用的是codepen前端在线编辑器 CodePen 是一个完全免费的前端代码托管服务。与 GitHub Pages 相比,它最重要的优势有: 即时预览。你甚至可以本地修改并即时预览别人的作品。 支持多种主流预处理器。你从不需要手写生产级别的代码,无论是 Jade 、 LESS 、 Sass ,

weixin_44479794的博客 7729

HTMLElement is not defined

nuxt创建项目选择Element UI框架启动报错: 问题会在Element UI下一个版本解决element-ui@2.8.3 参考链接: https://github.com/nuxt/nuxt.js/issues/5622 https://github.com/ElemeFE/element/pull/15277 其它解决方法: 修改nuxt.config.js文件配置为: plugin...

东黧的博客 8164

vue中cdn引入element-ui 报错“vue-router.min.js:6 ReferenceError: ElementUI is not defined解决

index.html页面引入 <link rel="stylesheet" href="plug/element-ui/theme-chalk/index.css" rel="external nofollow" > <script src="js/vue.min.js"></script> <script src="js/vue-router.min.js"></script> <script src=

qq_39704803的博客 6356

Nuxt使用脚手架初始化项目报错: ReferenceError HTMLElement is not defined解决方法

nuxt创建项目选择Element UI框架启动报错: 解决方法: 降级element-ui到@2.7.2 版本 卸载element-ui: npm uninstall element-ui 安装2.7.2版本的element-ui npm install element-ui@2.7.2 -S 修改nuxt.config.js文件配置 plugins: [ // '@/plugins/...

qq_40825627的博客 2635

nuxt 项目启动报错(HTMLElement is not define nuxt.js)

这两天研究服务端渲染,折腾nuxt,搞得真是心累。 各种报错,nuxt 真是坑多啊,且来说说遇到哪些问题, 1. 搭建nuxt , npx create-nuxt-app <项目名> cd<项目名> npm i (坑一:建议别用cnpm ) npm run dev 其中的配置我选的是express ,elsementUI ...

weixin_30845171的博客 407

nuxt.js踩坑记录

一、今天安装nuxt,然后安装ElementUi的时候,老是报错:HTMLElement is not defined经过谷歌发现:ElementUi版本应该小于2.8.2.,于是指定安装ElementUi版本为2.0.11即可。天坑!PS:还是谷歌好使,百度不行! 转载于:https://blog.51cto.com/9161018/2391084...

weixin_34025151的博客 201

Vue3使用elementPlus中的下拉菜单,出现triggeringElement is not defined错误【已解决

elementPlus出现triggeringElement is not defined错误

XuHuan172的博客 967

vue 使用element组件时报错

template or render function not defined vue 使用element组件时报错 添加template 后解决

liulang1905的博客 994

关于Nuxt.js 出现HTMLElement is not define此类问题

关于Nuxt.js 出现HTMLElement is not define此类问题,解决方法。 方法一:(完美解决) // nuxt.config.js文件 global.HTMLElement = typeof window === 'undefined' ? Object : window.HTMLElement export default { } 方法二:(不建议) im...

qq2276031的博客 1023

Nuxt项目整合Element UI(一文秒懂,快速上手)

对于一个前端小白来说,使用一套已有的框架作为基础,可以达到事半功倍的效果,在这里我们选择Element UI。Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库(官方文档中的叙述),下面我们将开始在之前搭建好的nuxt项目中引入Element UI。

♚焕蓝·未来的博客 4458

HTMLElement is not defined in start app(因为是模板BUG)

https://github.com/nuxt/nuxt.js/issues/5622 在慕课网学vue的项目就是全栈开发美团网那个,初始化nuxt项目时总提示:HTMLElement is not defined 后台找到是element-ui的模板有bug ,改用低版本的就好了 you can use : npm install element-ui@2.0.6 ...

韩盼盼的小窝 1118

HTMLElement is not define nuxt.js

// nuxt.config.js 页面 global.HTMLElement = typeof window === 'undefined' ? Object : window.HTMLElement export default { // ... }

毒牙 3208

Making my own ForEach() javascript - element is not defined

“制作我自己的ForEach() JavaScript函数 - 元素未定义”

suiusoar 601

vue+element-ui项目打包到生产环境,报错:export is not defined

以下仅学习笔记记录: 问题描述:项目在本地测试,可以正常启动,能够运行。打包以后,运行无法打开首页,报错:export is not defined 解决方法: 在package.json文件中找到element-ui.修改到2.12.0版本。然后将node_modules删掉,重新下载就好用了。 说明:试过13和11版本的,不好用 ...

子兮! 3731

Nuxt整合 Element-ui(超详细教学,看一遍你就会)

超详细nuxt整合element-ui教学

weixin_65822861的博客 1425

Nuxt3集成ElementUI

【代码】Nuxt3集成ElementUI

而世之奇伟、瑰怪,非常之观,常在于险远,而人之所罕至焉,故非有志者不能至也! 942
上一篇: gatewayworker 前后端通信
下一篇: nuxt.js 打通 Typescript
界域
博客等级 码龄10年 4粉丝 25原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值