【vue3】踩坑日记,vite与node版本对应(mac环境)

这篇具有很好参考价值的文章主要介绍了【vue3】踩坑日记,vite与node版本对应(mac环境)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

创建vue3+vite+ts项目时,报错The requested module ‘vue’ does not provide an export named ‘computed’;
vue3的node版本,macos

node版本问题,
Vite 需要 Node.js 版本 14.18+,16+;
升级node版本步骤:
先查看node的版本:

node -v;

安装n:

npm install -g n

sudo n latest // 升级到最新版本
sudo n stable // 升级到稳定版本
sudo n xx.xx // 升级到具体版本号
我采用的是升级到14.18.2

 sudo n 14.18.2

n 切换之后的 node 默认装在 /usr/local/bin/node,先用 which node 检查一下当前使用的 node 是否在这个路径下。是的话,就更新下/etc/profile文件指定:

source /etc/profile

node就完美升级到想要的版本,vite抛错也完美解决!
vue3的node版本,macos文章来源地址https://www.toymoban.com/news/detail-751972.html

到了这里,关于【vue3】踩坑日记,vite与node版本对应(mac环境)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3+vite项目中tsconfig.json / tsconfig.node.json 配置

    tsconfig.node.json tsconfig.json

    2024年02月13日
    浏览(39)
  • Vue3+vite环境变量配置

    在项目开发中,通常来说,不同的环境会有不同的请求api接口,这就需要修改配置,才能满足对应的环境。所以这里就使用了环境变量。环境变量就是在不同的环境中使用不同的变量值。 在项目根目录(和src同级)中创建三个文件: .env.development  .env.staging .env.production 定义

    2024年02月05日
    浏览(39)
  • vue3+vite配置环境变量

    新建 .env(所有环境生效).env.development(开发环境配置) .env.production(生产环境配置) 以 VITE_ 为前缀定义变量 修改vite-env.d.ts 使用 loadEnv 读取环境变量 使用npm run dev 启动命令,读取.env 与 .env.development的内容 修改package.json 使用 npm run test启动命令,读取.env 与 .env.test的内容

    2024年02月11日
    浏览(40)
  • 带你玩转 Vite + Vue3 高低版本常用玩法

    Vite 是一种新型前端构建工具,在我们保险前端项目中已经推动并应用很久了,Vite 能够显著降低构建时间,提升前端开发效率。 它主要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR) 一套构建指令,它使

    2024年02月05日
    浏览(48)
  • Vue3通透教程【十七】Vite构建TS版本Vue项目

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2024年02月13日
    浏览(40)
  • Unity Mac踩坑日记

    1、读取外部文件夹使用IO,读取StreamingAsset或者Unity定义文件夹或者服务器文件使用www或者UnityRequest 2、mac下使用www 需要添加前缀:\\\"file://\\\" 3、Mac下的Rider很好用,断点调试也很方便 4、改变文件编码格式,使用vscode通过编码保存可以保存为带BOM格式的UTF8文件在Mac上 5、Rider快捷

    2024年02月11日
    浏览(32)
  • vite+vue3+cesium环境搭建

    1.创建一个Vite项目 npm create vite@latest 2.安装cesium插件:vite-plugin-cesium npm i cesium vite-plugin-cesium vite -D 3、配置vite.config.js import cesium from \\\'vite-plugin-cesium\\\'; export default defineConfig({ plugins: [vue(),cesium()] }) 4、清空style.css中的样式 5、配置App.vue 清空一切不需要的,设置样式使得全屏 6、配

    2024年02月09日
    浏览(32)
  • mac es安装踩坑日记

    一开始通过brew安装: brew install elasticsearch 提示报错: 跑到官网查看内容: 附官网地址:https://www.elastic.co/guide/en/elasticsearch/reference/7.17/brew.html 首先需要点击 Elastic Homebrew 存储库 检查ES是否启动成功:http://localhost:9200/?pretty ctrl+c kill -9 elasticsearch的进程号 关闭成功 查看进程号

    2024年02月11日
    浏览(40)
  • vite+vue3+ts项目构建详细步骤(配置多语言版本)

    时过境迁,我们见证了诸如 webpack、Rollup 和 Parcel 等工具的变迁,它们极大地改善了前端开发者的开发体验。 然而,当我们开始构建越来越大型的应用时,需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。基于 JavaScript 开发的工具就会开始遇

    2024年02月05日
    浏览(40)
  • 银河麒麟v10安装前端环境(Node、vue、Electron+vite)

    此帖子所提到的所有依赖包都是基于银河麒麟v10真机的arm架构包,如果是在windows上的虚拟机上 把依赖包换成x64的包即可,方法步骤都是一样 一.node安装 原始方法安装(建议用第二种nvm方法,因为更简单): 1.1nodejs官网下载基于arm架构的包 1.1.1或者打开终端使用wget方式安装

    2024年02月02日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包