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

最新推荐文章于 2024-06-28 17:44:14 发布
最新推荐文章于 2024-06-28 17:44:14 发布
阅读量3.8k 收藏 1
点赞数 1
分类专栏： Vue 文章标签： Nuxt Vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25835645/article/details/89707548
版权
使用官方推荐的脚手架工具 :
npx create-nuxt-app projectname

初始化后, 报以下错误 :
ReferenceError
HTMLElement is not defined

原因是element-ui最新版(2.8.2)不兼容, 我猜的…
解决方案 :

  • 卸载最新版element-ui
npm uninstall element-ui
  • 降级element-ui到@2.7.2 version
npm i element-ui@2.7.2 -S

至此, 重新编译, 方可成功运行.

付出总会有收获
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
纯html项目配置babel，报错Uncaught ReferenceError: require is not defined
卡卡西：一个擅长拷贝的前端程序员
05-26 5484
需求描述 有时候想要写一个简单的测试 demo，只需要一个 html文件 + 一个js文件，但是需要 import 一些npm包，如何做简单的 babel 配置呢？ 操作步骤 创建项目 mkdir demo cd demo 此时 demo 目录下空空如也，什么也没有。 npm初始化 npm init 一路回车，此时 demo 下新增了一个 package.json 文件 新增 src/index.js 和 index.html 文件，目录结构如下： | - src | |- index.j
VUE使用‘luckysheet‘ is not defined已解决，其他博主方法没有解决请看这里
06-26
总结一下，解决"luckysheet is not defined"的问题主要涉及正确安装、引入和初始化Luckysheet。如果你已经尝试过其他博主的方法而未成功，可以对照以上步骤检查并修正错误。同时，利用Luckysheet-master中的源码和...
HTMLElement is not define nuxt.js
毒牙
04-26 3037
// nuxt.config.js 页面 global.HTMLElement = typeof window === 'undefined' ? Object : window.HTMLElement export default { // ... }
高德地图API报错：ESLint: ‘AMap‘ is not defined.(no-undef)
最新发布
qq_61112991的博客
06-28 271
只需要在package.jason中的eslintConfig配置项加上"eslintConfig": {这个变量或对象，但是ESLint没有在你的代码或配置中找到这个变量的定义。这个错误，通常意味着在你的JavaScript或Vue文件中使用了。在ESLint中遇到。
HTMLElement is not defined
东黧的博客
05-10 7818
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...
Uncaught ReferenceError: xxx is not defined at HTMLInputElement.onclick
weixin_43371243的博客
02-15 1519
昨天写jsp遇到了这个问题，原先有一个function可以正常使用，在下面复制了一个新的function，结果就提示这个问题，按照网上的检查了引用，标点符号都没问题，于是就回滚一步步找原因，最终定位到了一个小地方。这样写就可以了，控制台和提示的错误太难找了。是这个样写得，因为引用的是Java的变量，所以要加单引号。
Uncaught ReferenceError: xxx is not defined at HTMLButtonElement.onclick
热门推荐
weixin_33145939的博客
06-29 1万+
写js的时候一直复用着这个函数不知道为什么传这个参数就出现了这个错误<button type="button" class="btn btn-info" onclick="return get_user_info('${user.username}')" data-toggle="modal" data-target="#myModal">编辑</button&amp
nuxt的element的报错HTMLelement is not defined
PAss_kun的博客
05-03 888
参考 解决 具体原因我也暂时不知道
nuxt-firebase：使用firebase初始化nuxt项目
02-11
nuxt-firebase构建设置# install dependencies$ npm install# serve with hot reload at localhost:3000$ npm run dev# build for production and launch server$ npm run build$ npm run start# generate static ...
nuxt-template:Nuxt starter template，based on nuxt-communitystarter-template （Nuxt 脚手架，初始化工作流环境部署）
05-19
Nuxt入门模板基于构建设置克隆此仓库，然后 # install dependencies$ npm install # Or yarn install# serve with hot reload at localhost:3000$ npm run dev# build for production and launch server$ npm run ...
nuxt:自负的Nuxt.js脚手架
03-19
纽克斯 脚手架 目录 用法 安装 $ npm install @form8ion/nuxt --save-prod 例子 进口 import { scaffold } from '@form8ion/nuxt' ; 执行 ( async ( ) => { await scaffold ( { projectRoot : process . cwd ( ) } ) ; } ) ( ) ; 贡献 依存关系 $ nvm install $ npm install 确认 $ npm test
nuxt-firebase-demo::fire:使用@nuxtjsfirebaswe将Firebase集成到Nuxt项目中的示例项目。 :fire:
05-07
使用将Firebase集成到Nuxt的示例项目。 演示版 构建设置 # cd to src $ cd src # install dependencies $ yarn # start firebase emulators $ yarn emulators # serve with hot reload at localhost:3000 $ yarn ...
使用Nuxt.js改造已有项目的方法
10-18
主要介绍了使用Nuxt.js改造已有项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
关于Nuxt.js 出现HTMLElement is not define此类问题
qq2276031的博客
06-24 798
关于Nuxt.js 出现HTMLElement is not define此类问题，解决方法。 方法一：(完美解决) // nuxt.config.js文件 global.HTMLElement = typeof window === 'undefined' ? Object : window.HTMLElement export default { } 方法二：(不建议) im...
npm cli脚手架项目安装和初始化常见的错误解决办法
一键写代码的博客
07-01 1033
1、npm安装淘宝镜像和查看镜像设置 npm config set registry https://registry.npm.taobao.org 可以先查看一下当前设置 npm config get registry 2、vue中npm install 错误（安装chromedriver失败）或是卡住 进入项目，使用命令： npm install chromedriver --chromedr...
vue中cdn引入element-ui 报错“vue-router.min.js:6 ReferenceError: ElementUI is not defined“解决
qq_39704803的博客
04-07 6091
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=
ReferenceError: xxx is not defined
qq_47698167的博客
09-30 1万+
xxx is not defined 本文中的getParentCate是写在methods里的方法，一般报错xxx is not defined是你在调用的时候缺少this导致的，应该找到调用方法的地方，然后查看错误 修改前 修改后 控制台无报错，方法正常调用 注意在调用方法的时候加上this,很多时候通过直接复制粘贴容易忘记！ 切记切记！！ 每天记录一个小错误！最后写代码要细心 ...
nuxt 初始化报错 ERROR Error: Failed to download template from registry: fetch failed
m0_66675766的博客
02-06 890
这个时候可能会出现：ERROR Error: Failed to download template from registry: fetch failed。在电脑本地hosts文件末尾添加这行参数：185.199.108.133 raw.githubusercontent.com。当我们想要初始化一个nuxt项目时，执行：npx nuxi@latest init 文件路径：C:\Windows\System32\drivers\etc。最后从新运行就可以了，亲测有效！
[nuxt] error caught during app initialization referenceerror: require is not
02-03
这个错误出现在nuxt应用程序初始化过程中，它报告了一个"ReferenceError: require is not defined"的问题。这个错误通常是由于在应用程序中直接或间接使用了CommonJS的`require`语法导致的。 在Nuxt.js中，通常我们...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值