把Vue项目从Window系统迁移到Mac系统的方案

不能启动vue ui 直接运行,会报错如下:

failed to load config from /Users/xiaochen/IdeaProjects/ChatViewer-frontend/vite.config.tserror when starting dev server:
Error: 
You installed esbuild for another platform than the one you're currently using.
This won't work because esbuild is written with native code and needs to
install a platform-specific binary executable.Specifically the "@esbuild/win32-x64" package is present but this platform
needs the "@esbuild/darwin-arm64" package instead. People often get into this
situation by installing esbuild on Windows or macOS and copying "node_modules"
into a Docker image that runs Linux, or by copying "node_modules" between
Windows and WSL environments.If you are installing with npm, you can try not copying the "node_modules"
directory when you copy the files over, and running "npm ci" or "npm install"
on the destination platform after the copy. Or you could consider using yarn
instead of npm which has built-in support for installing a package on multiple
platforms simultaneously.If you are installing with yarn, you can try listing both this platform and the
other platform in your ".yarnrc.yml" file using the "supportedArchitectures"
feature: https://yarnpkg.com/configuration/yarnrc/#supportedArchitectures
Keep in mind that this means multiple copies of esbuild will be present.Another alternative is to use the "esbuild-wasm" package instead, which works
the same way on all platforms. But it comes with a heavy performance cost and
can sometimes be 10x slower than the "esbuild" package, so you may also not
want to do that.at generateBinPath (/Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/esbuild/lib/main.js:1884:17)at esbuildCommandAndArgs (/Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/esbuild/lib/main.js:1965:33)at ensureServiceIsRunning (/Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/esbuild/lib/main.js:2129:25)at build (/Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/esbuild/lib/main.js:2021:26)at bundleConfigFile (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-abb4f102.js:66002:26)at loadConfigFromFile (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-abb4f102.js:65978:31)at resolveConfig (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-abb4f102.js:65575:34)at _createServer (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-abb4f102.js:64846:26)at createServer (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-abb4f102.js:64843:12)at CAC.<anonymous> (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/cli.js:743:30)

解决方案

  1. 导航到项目目录
    在终端中,使用 cd 命令导航到项目目录:
cd /Users/xiaochen/IdeaProjects/ChatViewer-frontend

这里是我的项目目录,注意切换到自己的项目目录

  1. 删除 node_modules 目录和 package-lock.json 文件
rm -rf node_modules package-lock.json
  1. 授权用户修改权限
sudo chown -R $(whoami) /Users/xiaochen/IdeaProjects/ChatViewer-frontend

不然会报错:

11:41:14 [vite] error while updating dependencies:
Error: EACCES: permission denied, mkdir '/Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/.vite/deps_temp_b5dfa112'at Object.mkdirSync (node:fs:1372:26)at runOptimizeDeps (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-41cf5ffd.js:45821:10)at runOptimizer (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-41cf5ffd.js:45267:38)at rerun (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-41cf5ffd.js:45400:9)at Timeout._onTimeout (file:///Users/xiaochen/IdeaProjects/ChatViewer-frontend/node_modules/vite/dist/node/chunks/dep-41cf5ffd.js:45470:17)at listOnTimeout (node:internal/timers:573:17)at process.processTimers (node:internal/timers:514:7)
  1. 重新安装依赖
npm install
  1. 启动项目
npm run dev

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/27555.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++:STL容器-->set

使用set容器时需要导入头文件&#xff1a;#include <set> set和multiset区别&#xff1a; set不允许容器中有重复的元素 multiset允许容器中有重复的元素 1. 构造函数 set<T> st; set s(const &st); void printSet(set<int>& s) {for (set<int>…

程序性能优化——接口性能优化总结和思考

程序性能优化——接口性能优化总结和思考 一、背景介绍二、 思路方案三、过程四、总结五、升华 一、背景介绍 接口的优化 排查到的问题&#xff1a;循环中查询数据库&#xff0c;4300次查询数据库总共耗时在4分钟左右。 优化结果&#xff1a;4分钟到2秒 二、 思路方案 宏观的…

QT高阶-QSS样式表用法大全

文章目录 使用全局样式设置字体样式的作用域修改全局控件指示器的样式动态刷新控件的样式QSS样式的优先级调节控件的边框线QT6样式用法差异添加控件的背景图QSS注意事项Qt Style Sheet(QSS)是Qt的一种强大功能,类似于CSS用于网页设计。通过QSS,你可以定义Qt应用程序中的控件的…

RichSinkFunction 在 Flink IoT 项目中的应用实战

一、引言 随着物联网&#xff08;IoT&#xff09;技术的快速发展&#xff0c;实时数据处理和分析的需求日益增长。Apache Flink 作为一款高性能的流处理框架&#xff0c;广泛应用于 IoT 项目中。在 Flink 中&#xff0c;RichSinkFunction 是一种特殊的函数&#xff0c;它允许用…

嵌入式操作系统_5.存储管理

1.存储管理 存储管理是嵌入式操作系统的基本功能之一。其管理的对象是主存&#xff0c;也称内存。它的主要功能包括分配和回收主存空间、提高主存利用率、扩充主存、对主存信息实现有效保护。存储器管理的目的就是提供一个有价值的内存抽象&#xff0c;其目标包括&#xff1a;…

Integer溢出问题

0. 背景 在刷 LeetCode 时&#xff0c;代码的执行结果与预期出现了偏差&#xff0c;原因是 Int 值超过了允许范围 [ − 2 31 , 2 31 − 1 ] [-2^{31},2^{31}-1 ] [−231,231−1]。工作中从来没有遇到过这种情况&#xff0c;之前的认知是如果 Int 中存储的值超过了允许范围也许…

【FreeRTOS】ARM架构汇编实例

目录 ARM架构简明教程1. ARM架构电脑的组成1.2 RISC1.2 提出问题1.3 CPU内部寄存器1.4 汇编指令 2. C函数的反汇编 学习视频 【FreeRTOS入门与工程实践 --由浅入深带你学习FreeRTOS&#xff08;FreeRTOS教程 基于STM32&#xff0c;以实际项目为导向&#xff09;】 https://www.…

Unity制作背包的格子

1.新建一个面板 2.点击面板并添加这个组件 3.点击UI创建一个原始图像&#xff0c;这样我们就会发现图像出现在了面板的左上角。 4.多复制几个并改变 Grid Layout Group的参数就可以实现下面的效果了

LeetCode题练习与总结:单词接龙--127

一、题目描述 字典 wordList 中从单词 beginWord 和 endWord 的 转换序列 是一个按下述规格形成的序列 beginWord -> s1 -> s2 -> ... -> sk&#xff1a; 每一对相邻的单词只差一个字母。 对于 1 < i < k 时&#xff0c;每个 si 都在 wordList 中。注意&am…

GraogGNSSLib学习

GraogGNSSLib学习 程序编译环境版本项目编译结果问题 程序编译 GraphGNSSLib 环境版本 程序开源是在ubuntu16.04-kinetic环境跑通的&#xff0c;但是我的环境是UBUNTU20.04&#xff0c;所以&#xff0c;先进行了ROS的安装&#xff0c;因为我的系统是ubuntu20.04所以&#xf…

如何优化Flask-Report报表的性能和加载速度

如何优化Flask-Report报表的性能和加载速度 在开发Web应用时&#xff0c;报表生成是一个常见的需求。Flask-Report是一个强大的Flask扩展&#xff0c;可以帮助我们快速生成PDF报表。然而&#xff0c;随着数据量的增加和复杂性的提高&#xff0c;报表的生成速度和性能可能会受到…

Linux--MQTT(一)简介

一、简介 MQTT &#xff08; Message Queuing Telemetry Transport&#xff0c;消息队列遥测传输&#xff09;&#xff0c; 是一种基于客户端服务端架构的发布/订阅模式的消息传输协议。 与 HTTP 协议一样&#xff0c; MQTT 协议也是应用层协议&#xff0c;工作在 TCP/IP 四…

k8s环境里查看containerd创建的容器对应的netns

如何查看containerd创建的容器对应的netns 要查看由 containerd 创建的容器对应的网络命名空间&#xff08;netns&#xff09;&#xff0c;你可以遵循以下步骤。这个过程涉及到了解容器的 ID&#xff0c;以及使用 ctr 命令或其他方式来检索容器的详细信息。这里假定你已经具备…

MOS开关电路应用于降低静态功耗

本文主要讲述MOS开关电路的应用,过了好久突然想整理一下&#xff0c;有错误的地方请多多指出&#xff0c;在做电池类产品&#xff0c;需要控制产品的静态功耗&#xff0c;即使让芯片进入休眠状态&#xff0c;依旧功率很大&#xff0c;所以在电路中加一组软开关&#xff0c;防止…

HTML静态网页成品作业(HTML+CSS)—— 零食商城网页(1个页面)

&#x1f389;不定期分享源码&#xff0c;关注不丢失哦 文章目录 一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码 五、源码获取 一、作品介绍 &#x1f3f7;️本套采用HTMLCSS&#xff0c;未使用Javacsript代码&#xff0c;共有1个页面。 二、作品演示 三、代…

LeetCode 230.二叉搜索树中第K小的元素

各位看官们&#xff0c;大家好啊&#xff0c;今天这个题我用的方法时间复杂度比较高&#xff0c;但也是便于便于理解的一种方法&#xff0c;大家如果觉得的好的话&#xff0c;就给个免费的赞吧,谢谢大家了^ _ ^ 题目要求如图所示: 题目步骤&#xff1a; 1.我们可以一维数组来接…

使用Unsloth微调Llama3-Chinese-8B-Instruct中文开源大模型

微调Llama3-Chinese-8B-Instruct 微调是指在大规模预训练的基础模型上,使用特定领域或任务数据集进行少量迭代训练,以调整模型参数,提升其在特定任务上的表现。这种方法可以充分利用预训练模型的广泛知识,同时针对特定应用进行优化,达到更精准高效的效果。 Llama-3-Chinese-8B-…

刷题记录(240613)

aliyun0512 1. 小红定义一个数组是好数组&#xff0c;当且仅当所有奇数出现了奇数次&#xff0c;所有偶数出现了偶数次。现在小红拿到了一个数组&#xff0c;她希望取一个该数组的非空子序列(可以不连续)&#xff0c;使得子序列是好数组。你能帮小红求出子序列的方案数吗?由于…

【超详细】使用RedissonClient实现Redis分布式锁

使用RedissonClient实现Redis分布式锁是一个非常简洁和高效的方式。Redisson是一个基于Redis的Java客户端&#xff0c;它提供了许多高级功能&#xff0c;包括分布式锁、分布式集合、分布式映射等&#xff0c;简化了分布式系统中的并发控制。 添加依赖 首先&#xff0c;你需要…

mysql社区版有可以双机吗

MySQL社区版确实支持双机配置&#xff0c;以实现数据的冗余、备份和负载均衡等功能。以下是关于MySQL双机配置的一些关键点和步骤&#xff1a; 1. 双机热备的概念 双机热备是指保持两个数据库的状态自动同步&#xff0c;对任何一个数据库的操作都会自动应用到另一个数据库&am…