nuxt初始化报错Cannot read property name of undefined

已于 2023-03-18 15:11:19 修改
阅读量774 收藏
点赞数
分类专栏： vue 文章标签： 前端 vue.js
于 2023-03-18 14:57:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanjun_007/article/details/129637021
版权
文章描述了在初始化Nuxt项目时遇到的Cannotreadpropertyofundefined错误，尽管能运行但文件修改未生效，且官网示例显示404。问题根源在于Node.js版本过低，推荐至少使用14.20.0以上版本，作者建议使用nvm进行版本切换，尤其是18以上版本，切换后问题得到解决。
摘要由CSDN通过智能技术生成

初始化控制台会报错Cannot read property name of undefined，但可以运行起来，我发现无论我修改哪个文件nuxt都会显示默认nuxt的欢迎页，官网案例处还是404，后来又安装yarn，用yarn安装nuxt，万恶的nuxt....

原因是因为node版本太低了 应该最少高于14.20.0版本 。使用nvm切换一下node版本就可以了，最好版本为18以上。

切换后可以正常运行

 

小宛碎碎冰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nuxt - asyncData / fetch 请求数据控制台报错 Cannot read properties of undefined (reading ‘data‘) 也可能报其他未定义
王佳斌
07-08 3876
今天初次配置并使用 asyncData / fetch 请求异步数据时，发现控制台报了一个错误（如题），当时一看懵了，这哪有什么 `data` 不存在啊，于是将矛头指向了该页面组件的 `data` 与模板，发现并首先，您必须确保请求路径及跨域等配置正常，并且能正常在 钩子中请求。因为 请求在 服务端完成请求！！！，其环境并没有 window / document 等对象，当遇到这些 “无法识别” 的对象时，就会抛出这个错误（如题）。所以您的请求配置那块，如果用到了相关对象或语法，请使用环境变量判断一下。
0708 nuxt useFetch生产报错
最新发布
07-08
0708 nuxt useFetch生产报错
Cannont read properties of undefined (reading ‘options‘) 2021-11-15
weixin_59472231的博客
11-15 7869
这种情况一般是粗心引起的,easyui在页面初始化的时候找不到对应的标记所导致的 ​​ easyui会动态改变页面dom结构，也就是说会在页面加载后，easyui会自己在页面生成标签。 这句语句的执行顺序会在easyui生成标签之前，这个时候页面还没有对应的标签，所以会报错。 解决方案： 如果还是要进行这个操作，并保证不报错的话，就在页面加载时设置一个定时器，判断easyui的控件是否已经完成了初始化。如果完成初始化时，才能使用控件。这样就通过性能，来换取系统的稳定执行。 ...
Cannot start nuxt: Cannot read property ‘options‘ of undefined
ylwzzyyzyq的博客
04-18 1762
目前问题没有解决，求大佬指点。
nuxt asynData Cannot read properties of undefined (reading ‘_isDestroyed‘)
roman
07-11 1826
nuxt asynData Cannot read properties of undefined (reading '_isDestroyed') Failed to execute 'appendChild' on 'Node': This node type does not support this method.
Cannot read properties of undefined (reading 'data')
weixin_42601608的博客
02-14 9983
"不能读取未定义的属性(读取'data')" 这个错误信息通常是指代码尝试读取一个未定义的变量或对象的属性。在这种情况下，代码试图读取名为'data'的变量或对象的属性，但是没有定义这个变量或对象，导致了这个错误。 解决方法是检查变量'data'是否被正确定义并初始化，然后再使用它。 ...
【node 报错】Cannot read properties of undefined (reading ‘body‘)
qq_44588612的博客
05-18 1万+
此错误原因为导入第三方验证规则模块时，获取验证规则对象错误，导致到不到body属性
1644 nuxt useFetch 生产报错
07-05
1644 nuxt useFetch 生产报错
1632 nuxt useFetch 生产报错
07-05
1632 nuxt useFetch 生产报错
1519 nuxt useFetch 生产报错
07-05
1519 nuxt useFetch 生产报错
1455 nuxt useFetch生产报错
07-05
1455 nuxt useFetch生产报错
Nuxt脚手架nuxi初始化失败原因&解决方法
wuuconix's blog
11-06 6470
Nuxt脚手架nuxi不支持系统代理导致项目初始化失败解决办法
Nuxt3项目搭建踩坑记录——项目初始化失败问题；
qq_44776454的博客
10-16 4542
Nuxt3项目初始化失败：Error: Failed to download template from registry: fetch failed
解决Cannot read properties of undefined (...)类型的报错
热门推荐
qq_51978639的博客
02-01 10万+
自用整理
安装Nuxt.js时出现错误：TypeError:Cannot read property ‘eslint‘ of undefined
qq_44258878的博客
03-14 998
刚开始学习Nuxt.js，安装的时候，频频出现错误，尤其时客户端（Client）运行失败多次，有一次客户端服务端都失败。 错误如下： cdm显示的ERROR是： TypeError:Cannot read property ‘eslint’ of undefined. 查找了资料，发现可能是babel版本太low，也可能是依赖的问题。 最后我把nuxt文件夹下的node_modules文件给删了，重新下载。 删除node_modules后，执行命令： npm install 重新下载node_modules
npx nuxi init ＜project-name＞ 初始化项目失败
m0_52900946的博客
04-04 1265
如果你发现保存文件的时候选择了所有文件，但是文件列表中还是多了一个hosts.txt，hosts并没有修改，那就把hosts文件删掉，对hosts.txt文件进行重命名，删除后面的.txt。完成后打开文件检查是否成功添加。直接记事本打开hosts文件，修改文件会保存不上，显示需要提供管理员权限，所以就要采取以下方法。，可选以下四个IPv4地址中的任意一个，我用的是第一个。首先win+R，打开命令窗口，输入。
JS报错:Uncaught TypeError: Cannot read property ‘startsWith‘ of undefined
qq_42872259的博客
07-05 5061
工作中遇到的问题，在做搜索框的过滤时，出现了Uncaught TypeError: Cannot read property 'startsWith' of undefined，一直不知道是哪里的问题。后面找到过滤的数据里面有undefined。也许就是这个报错了。 解决方法： var name = data.name; var searchInput = $("#searchInput").val(); if (name && (name .toUpperCase().startsW
Nuxt3初始化项目报错
weixin_53658620的博客
04-15 455
nuxt3创建项目报错解决方法
Vue Nuxt框架 静态化部署[spa、generate] 之 Cannot read property ‘headers’ of undefined、headr外加载css
x1a0x0的博客
01-20 1726
项目环境： Nuxt 1.4.5 webPack3.12.0 初期开发部署情况 使用的是 bulid 默认的打包模式Universal此方式的优点在于动态化部署，并且有益于SEO. 但是由于后端服务器需要节省开资，希望使用静态化部署，所以开始了以下的方式。 静态化部署有2种方式 1：npm run generate 2: num run build (PS: nuxt.config.js 的 config中 需要配置 mode:'spa' ) 部署经过： ...
vue-loader报错Cannot read properties of undefined (reading 'push')
01-23
根据提供的引用内容，出现这个错误是因为在nuxt.config.js文件中的build模块中，使用了eslint-loader，但是eslint未定义导致的。解决这个问题的方法是检查eslint-loader的配置是否正确，并确保eslint已正确安装。 以下是解决这个问题的步骤： 1. 打开nuxt.config.js文件。 2. 找到build模块。 3. 检查eslint-loader的配置是否正确，确保没有拼写错误或其他语法错误。 4. 确保eslint已正确安装，可以通过运行`npm install eslint --save-dev`来安装eslint。 5. 如果eslint已正确安装，但问题仍然存在，可以尝试更新eslint-loader的版本，运行`npm update eslint-loader`来更新eslint-loader。 请注意，以上步骤仅供参考，具体解决方法可能因项目配置和环境而异。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值