使用yarn新建nuxt项目 运行报错 解决方案 和 过程 TypeError: Cannot destructure property ‘nuxt‘ of ‘this‘ as it is undef

最新推荐文章于 2025-06-16 16:28:49 发布
原创 最新推荐文章于 2025-06-16 16:28:49 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #yarn #前端框架 

 yarn create nuxt-app project_name #使用yarn 创建nuxt项目
 #选择配置...
 yarn #安装依赖
 yarn dev #运行

发现报如下错误
在这里插入图片描述

解决方案

1.在package.json中添加一下代码

  "resolutions": {
    "@nuxt/kit": "3.0.0-rc.13"
  }

在这里插入图片描述
在终端输入yarn 重新 安装一下 依赖
在输入 yarn dev 发现有报了另一个错误
在这里插入图片描述
在命令行中输入下面这条命令即可解决

export NODE_OPTIONS=--openssl-legacy-provider

下面是运行成功截图，可以愉快的开发啦～
在这里插入图片描述

ITingLight
关注
vue-cli开启gzip打包报错TypeError: Cannot read property ‘tapPromise‘ of undefined-解决
JackieDYH的博客
05-27 911
给项目增加gzip打包 yarn add compression-webpack-plugin -D（默认安装的是7以上的最新版本） 修改vue.config.js const CompressionWebpackPlugin = require('compression-webpack-plugin'); configureWebpack: { plugins: [ new CompressionWebpackPlugin({ filename: '[p
TypeError: Cannot read property ‘tapAsync‘ of undefined
weixin_45090657的博客
03-06 1418
tapasync错误
写 vue 后台管理系统时，进入页面出现查无数据现象，报错 Cannot destructure property ‘status‘ of ‘undefined‘ as it is undefined
m0_57255222的博客
07-24 3947
在写后台管理系统时，每次重新打开VS-code启动项目后，页面就读不到数据并且控制台报错Cannot destructure property ‘status‘ of ‘undefined‘ as it is undefined
nuxt快速入门及创建时报错处理
大兵的猫
03-06 599
nuxt创建时报错处理
nuxt2项目详解及服务端宝塔环境部署
m0_60687710的博客
02-20 3822
ecosystem.config.js 这个文件待会会用到是 使用pm2启动的入口文件它的作用就是为项目找到真正的项目入口文件。这里的node_modules 是项目的依赖这里我们可以先把上面的文件上传上去然后npm i 安装不然上传的时候会很慢。所以服务端直接安装一个 PM2就可以搞定，在上传服务器的时候我们的网站是已经创建好的这里就不赘述了。接下来就是把项目运行所需的问价上传服务器这里只需要上次以下文件。这里的script就是指向项目的真正入口文件。这里的端口号需要服务器上先放行。
create-nuxt-app 报错
weixin_42291794的博客
06-14 906
Nuxt.js 是一个基于 Vue.js 的通用应用框架。 执行下面语句可能会报错，如图： npx create-nuxt-app learntest 解决方案： npm cache clean --force
错误：TypeError: Cannot destructure undefined
菜鸟Li
11-14 6500
今天写弹窗的时候突然出现了以下错误，以前没有见过，记录以下以供和我同样问题的朋友参考（ps：以下解决的方法可能不是唯一一种，谨慎参考） 错误代码： TypeError: Cannot destructure undefined 解决方法： 错误原因是因为有一个空的payload，去掉错误即可消失 ...
使用 craco后react项目启动报错`TypeError: Cannot read properties of undefined (reading ‘push‘)`
m0_54088427的博客
04-01 4903
使用 craco对 create-react-app 的默认配置进行自定义时踩的坑 TypeError: Cannot read properties of undefined (reading 'push') 本人在学习react过程中，按照Ant-Design官网的教程学习使用 create-react-app 一步步地创建一个 TypeScript 项目，并引入 antd时遇到的问题. 前期按照官网的步骤一步一步进行很是顺利,当我在学习高级配置部分,使用craco对 create-react-app
Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！
IT博客-wusheng_z
10-27 1210
Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！
如何解决vue项目打包上线chunk-vendors.js文件过大？以及TypeError: Cannot read property ‘tapPromise‘ of undefined报错
任磊
04-06 7399
最近做一个vue项目遇到了一个问题，项目打包上线发现chunk-vendors.js文件也太大了点，第一次加载页面需要将近30s，这肯定是无法容忍的，于是‘调研’了一番，记录下解决方法 第一步：先下载这个插件 npm install --save-dev compression-webpack-plugin 第二步：修改vue.config.js配置文件，如果没有vue.config.js，在根目录自己创建一个，下面是配置文件的代码 在vue.config.js中添加 const path
Cannot destructure property ‘username‘ of ‘undefined‘ as it is undefined
Z56umie的博客
01-15 5885
Cannot destructure property 'username' of 'undefined' as it is undefined
TypeError: Cannot destructure undefined
热门推荐
Ryan_black的博客
11-22 1万+
在Vue开发时遇到的一个bug,太容易忘记了,记一个笔记: 挺烦的一个bug,只知道好像是解构出了问题,但是不知道是哪里的问题,仔细看了一下,我发现有两个问题: 问题一: 解构的数据一定是要有值在里面的,没有值的解构是一定不可以的. let {} = this.props; //错误示范 let { data }=this.props; //正确写法 问题二: 解构的时候想要给予一个对象...
vue3报错SyntaxError: Unexpected identifier和Cannot destructure property `default` of ‘undefined‘ or ‘nu
qq_39528534的博客
12-28 3982
昨天报了这个错误，当时还同时报了其它错误，Cannot destructure property `default` of 'undefined' or 'null'。我的代码是用v-on绑定了一个click函数，在method中编写这个函数就报错，也不知道怎么的我就盯着这个错误Cannot destructure property `default` of 'undefined' or 'null'鼓捣了一个小时，越看越觉得不可思议，我一度以为我的函数逻辑出错了，我检查了我的代码，没任何问题，然后我将在m
TypeError: Cannot destructure property ‘config‘ of ‘cacheKeyOptions‘ as it is undefined.
weixin_44166439的博客
06-09 6487
“unit”: “jest --config test/unit/jest.conf.js”, 执行npm run unit 报错 Test suite failed to run TypeError: Cannot destructure property 'config' of 'cacheKeyOptions' as it is undefined. at Object.getCacheKey (node_modules/babel-jest/build/index.js:19
使用yarn创建Nuxt项目报错，改用npm命令
rock---you的博客
02-21 958
【代码】使用yarn创建Nuxt项目报错，改用npm命令。
【问题解决】Uncaught TypeError: Cannot read property ‘defaults‘ of undefined
浪荡子爱自由的博客
11-23 1131
【问题】 【原因】 js 文件加载顺序出错！ 【解决方案】 换下顺序
解决nuxt启动报错： Cannot start nuxt: A system error occurred: uv_os_gethostname returned ENOSYS
jiaohuizhuang6019的博客
12-06 3603
解决nuxt启动报错： Cannot start nuxt: A system error occurred: uv_os_gethostname returned ENOSYS
Uncaught TypeError: Cannot read property 'defaults' of undefined
06-02 5948
当我在angular+requirejs的项目里使用angular-chart的时候出现了Uncaught TypeError: Cannot read property 'defaults' of undefined的错误，最后的原因在于amd的加载策略， 修改angular-chart.js源文件 开始部分： (function (factory) { 'use strict';
Cannot destructure property ‘title’ of ‘children[index]’ as it is undefined.
最新发布
欢迎留言~
06-16 265
摘要 在Vant4+Vue3项目中，使用Tabs组件自定义标签头并添加删除按钮时，点击删除报错Cannot destructure property 'title' of 'children[index]'。原因是删除操作后Tabs组件仍会触发切换事件，但对应索引已不存在。解决方案为在删除按钮事件添加@click.stop阻止事件冒泡，确保删除操作不会触发后续切换逻辑。
Module build failed: TypeError: Cannot read property 'forEach' of undefined 问题怎么解决
05-20
这个问题通常是由于缺少依赖项或版本不兼容引起的。以下是一些可能的解决方案： 1. 确保您的项目中已安装必要的依赖项。您可以使用npm或yarn来安装依赖项，例如： ``` npm install ``` 或者 ``` yarn install ``` 2. 如果您的项目中存在package-lock.json文件，请尝试删除它，然后再运行npm install或yarn install。 3. 确保您的项目中安装的依赖项版本与您使用的Node.js版本兼容。您可以通过在终端中输入以下命令来检查Node.js版本： ``` node -v ``` 然后查看您的依赖项是否与Node.js版本兼容。 4. 可能是webpack版本过高或过低导致的问题，您可以尝试更新或降低webpack版本。 希望这些解决方案能够解决您的问题！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值