解决 error when starting dev server TypeError crypto$2.getRandomValues

1. 前言

当使用 vite 创建 vue 项目的时候,使用 npm run dev 启动创建项目的时候报错。

2. 错误提示

vbnet 复制代码
error when starting dev server:
TypeError: crypto$2.getRandomValues is not a function

3. 错误截图

4. 错误原因

在启动项目时遇到 crypto$2.getRandomValues 问题,一般都是由于 node 版本太低导致的。解决办法,安装一个高版本的 node,或者使用 nvm 切换一个高版本的 node。

5. nvm 切换高版本

5.1 当前版本

5.2 切换到高版本

6. 问题解决

6.1 启动成功

6.2 页面访问

7. 总结

  1. 找到报错的原因,如果是浏览器环境,那么就可能是浏览器环境不支持 crypto.getRandomValues 方法,可以考虑安装 npm install crypto-browserify --save-dev 库来解决浏览器兼容性;
  2. 由于我是在启动项目时报错,还没有到浏览器访问,因此就是启动的 node 环境存在问题;
  3. 说明当前 node 环境版本太低导致的,升级 node 的版本,就能解决;
  4. 升级 node 版本的两种方法,方案一:安装一个高版本的 node;方案二:使用 nvm 进行 node 版本管理,切换一个高版本(不一定使用 nvm,其他 node 版本管理器一样,只是我使用的是 nvm 版本管理器,所以直接使用它进行了演示)。
相关推荐
子伟-H518 小时前
App开发框架调研对比
前端
桃子不吃李子18 小时前
axios的二次封装
前端·学习·axios
SteveJrong18 小时前
面试题 - JavaScript
前端·javascript·面试·ecmascript·基础·找工作·红宝书
阿金要当大魔王~~18 小时前
uniapp 页面标签 传值 ————— uniapp 定义 接口
前端·javascript·uni-app·1024程序员节
全栈软件开发19 小时前
uniapp三端影视源码苹果cms自动采集电影视频网站源码前端源码带VIP
前端·uni-app·影视源码
chxii19 小时前
10.4FormData :前端文件上传与表单数据处理的核心工具
前端
AntBlack19 小时前
不当韭菜 : 好像真有点效果 ,想藏起来自己用了
前端·后端·python
楊无好19 小时前
react中props的使用
前端·react.js·前端框架
一个处女座的程序猿O(∩_∩)O19 小时前
Vue-Loader 深度解析:原理、使用与最佳实践
前端·javascript·vue.js
一点一木20 小时前
火山方舟 Responses API 实战指南:从概念到「公司尽调 Dossier 生成器」
前端·人工智能·api