node 18.x.x 版本启动umi项目失败

最新推荐文章于 2024-05-17 13:05:01 发布
最新推荐文章于 2024-05-17 13:05:01 发布
阅读量301 收藏
点赞数
文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaoan12/article/details/131505146
版权

最近需要用umi脚手架搭建项目，在执行到npm run start时提示报错在这里插入图片描述
搜罗了一堆教程，最终通过版本降级解决了问题，将node版本降至16.x.x版本即可，执行了以下操作

nvm install 16.20.1
nvm use 16.20.1

16.x.x版本的node就可以顺利启动项目了

kaoan12
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
React 前端 + Node 后端 + 云开发全栈项目 .zip
01-16
React 前端 + Node 后端 + 云开发全栈项目 by 程序员鱼皮 软件开发设计：应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备：单片机、EDA、...
yarn 运行umi项目是报错node:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen)；
weixin_60563557的博客
02-07 767
解决node版本过高导致项目运行出错
umi3.5升4.0，react17升18踩坑之路
lilythy2016的博客
11-29 2024
umi3.5升4.0之后，并没有向下兼容，改动点还是挺多的，我升级成功之后，写下这篇文章来帮助更多的人升级到4.0，有需要的同学请耐心跟着我的步骤操作完。只有umi升到4.0之后才能将react17升到18.
UmiJS部署，安装，配置出现的问题及解决办法
热门推荐
飞鸿踏雪泥的博客
06-26 3万+
目录 一：error [email protected]: The engine "node" is incompatible with this module. Expected versi on “^ 6.14.0 || ^ 8.10.0 ||> = 9.10.0 二：运行umi dev时出错 三：umi dev运行起来后，出现- Network: Undefined 今天在安装umi的时...
ant.design.pro-umi3对应的node版本
2303_76501210的博客
10-13 363
当使用ant.design.pro-umi3 对应的版本号过高的话，会报错：ant.design.pro-umi3。使用node16+的版本能够直接解决，我使用的是16.18.0。
基于umi+antd-mobile的移动端项目模板
02-22
基于umi+antd-mobile的移动端项目模板
优米CSS样式库(umi.css) v1.5.1
10-13
umi.css解决web前端页面布局的最后一里路。在对web页面排版布局时，经常有琐碎的细节要另外写样式，umi.css样式库将最常用的碎片样式整合起来，并统一了样式命名规则。 可将umi.css理解
仓库管理系统（软件课程设计答辩项目-主要技术栈 React、Dva、Umi）.zip
11-17
仓库管理系统（软件课程设计答辩项目-主要技术栈 React、Dva、Umi）.zip 1、该资源内项目代码经过严格调试，下载即用确保可以运行！ 2、该资源适合计算机相关专业(如计科、人工智能、大数据、数学、电子信息等)正在...
wetrial-template:基于typescript、[email protected]、dva、umi@3.x、wetrial的模板项目
05-24
说明 基于 react、typescript、umi 3.x、antd 4.x、umi hooks 的模板项目,可以完全基于此模板项目来开发
node.js学习笔记
qq_41078029的博客
05-10 314
读取package.json文件内容。使用虚拟dom获取元素。
Node.js版本管理与npm镜像源管理
俎树振的博客
05-17 594
利用nvm安装和切换Node.js的不同版本，利用nrm命令切换镜像源，高效管理Node.js版本和npm源。
HP-Socket编译-Linux
05-20
HP-Socket编译-Linux
JavaScript_生活在Discord上的开源社区列表.zip
05-20
JavaScript
JavaScript_MultiOn API.zip
05-20
JavaScript
JavaScript_简单和完整的React DOM测试工具，鼓励良好的测试实践.zip
05-20
JavaScript
JavaScript_成为一个Nodejs开发者.zip
05-20
JavaScript
node-v14.5.0-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
android手机应用源码带文字的ProgressBar Demo源码.rar
05-20
android手机应用源码带文字的ProgressBar Demo源码.rar
umi 4.x useEffect
09-01
根据引用和引用的内容，可以了解到在umi 4.x版本中，可以使用useEffect钩子来在每次显示modal（模态框）时手动设置表单的初始值。在使用useEffect钩子时，可以使用form.setFieldsValue方法来设置表单的初始值，例如： ```javascript import { useEffect } from 'react'; import { useForm } from 'antd'; const MyComponent = ({ visible, userInfo }) => { const [form = useForm(); useEffect(() => { if (visible) { form.setFieldsValue({ status: "1", isAdmin: "0", ...userInfo }); } }, [visible, userInfo]); // 其他代码 return ( // 组件的JSX代码 ); }; ``` 根据引用的内容，umi 4.x版本中还进行了一些语法调整，比如替换了一些引入的依赖库和修改了一些API的使用方式。具体来说，针对状态管理的部分，可以使用useDispatch和useSelector来进行数据状态管理。而针对表单的部分，可以使用Form.useForm()来替代之前的Form.create()方法，以支持antd 4.x的使用。 综上所述，在umi 4.x版本中，可以使用useEffect钩子来处理modal的显示和表单的初始化，使用useDispatch和useSelector进行数据状态管理，并使用Form.useForm()来创建表单。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Umi2.x升级到Umi3.x](https://blog.csdn.net/u012125121/article/details/106567400)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值