Mac M系列芯片 vue前端node-sass兼容问题解决
0、由于M系列芯片是arm架构,在使用brew安装node时都是arm的node,但是node-sass@4.14.1版本中不支持arm架构的出现如下报错:
1 | Error: Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64) with Unsupported runtime (88) For more information on which environments are supported please see |
1、可将项目中package.json引用的node-sass改为:使用sass;
2、但是在项目中css样式里使用了/deep/会导致启动项目报错,sass不支持/deep/的写法。
3、最终选择安装x86_64架构的node@12,以解决node-sass@4.14.1版本不支持arm架构的问题。
4、先将brew中的node卸载
brew uninstall node
5、将nvm从git上clon下来至根目录
1 2 3 | cd ~ git clone https: //gitee .com /mirrors/nvm .git mv nvm .nvm |
6、接着在~目录中配置环境变量
1 | vim ~/.zshrc |
将以下配置写入.zshrc文件中
1 2 | export NVM_DIR= "$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm |
7、重载环境变量
1 | source ~/.zshrc |
检查是否安装成功
1 | nvm - v |
8、终端切换至x86_64架构
1 | arch -x86_64 zsh |
安装node@12
1 | nvm install v12 |
9、x86_64架构的node@12安装成功
终端切换至arm64架构
1 | arch -arm64 zsh |
10、项目直接npm install毫无问题,直接启动成功
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)