M1 mac 无法启动前端项目

M1 mac 无法启动前端项目

一、环境配置相关:

1.1、M1 mac + VMware Fusion 13.0.1 + CentOS-7 虚拟机(CentOS-7-aarch64-08191738.iso)

1.2、Python@2.7.5 + node@14.18.2 + npm@6.14.15 + cnpm@7.1.0


二、cnpm run dev 就报错了,截图如下:

https://img1.sycdn.imooc.com//climg/645aa0060994ec2308180294.jpg

https://img1.sycdn.imooc.com//climg/645a9fd109e11f1612980860.jpg


三、其他相关

3.1、一开始我是直接在Mac上运行这个项目,环境是:python@3.10.11 + node@20.1 + npm@9.6.4 + cnpm@9.1.0 ,运行 cnpm install 一堆报错,搞不定,估计是环境的问题;


3.2、然后我翻看了问答区,看到之前老师回答过类似的问题,说建议使用 python@2.7 + node@14 ;但是考虑M1 mac是arm架构的,安装 python@2.7 + node@14 的话,估计兼容上会出现一些奇奇怪怪的问题,处理起来估计不好整,所以我尝试使用虚拟机;


3.3、使用虚拟机的话,cnpm install 是没问题了,但是 cnpm run dev 就不行了;Node Sass 不支持当前的环境(Node Sass does not yet support your current environment: Linux Unsupported architecture (arm64) with Node.js 14.x);


3.4、我没有尝试在Mac上,搭建 python@2.7 + node@14 的环境;

一是,兼容问题不好整,就算兼容搞定了,项目能不能跑起来还是未知数,不想花太多时间;如果有大佬验证过此方法,请在评论区指点一二,非常感谢;

二是,从 3.3 那个提示来看,这个前端项目所使用的 Node Sass 版本,或许不兼容 arm64;我猜测,如果给前端项目换一个新的Node Sass 版本,能够兼容 arm64 的,是不是就可以跑起来了呢;这个我没有做尝试,因为前端我不会,我不知道需要修改哪些地方,如果有大佬验证过此方法,请在评论区指点一二,非常感谢。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
沉默寡言黄少天丶 2023-11-18 12:04:53

请问你最后怎么解决的呢,我这边也是node-sass安装不上。

M2的笔记本

  • 提问者 CarleTang #1

    最后没有管前端项目了;

    接口能用postman调通就可以了;

    哈哈,前端那玩意搞的脑壳疼。

    2023-11-18 19:30:11
  • 沉默寡言黄少天丶 回复 提问者 CarleTang #2

    笑死,好吧,我也调试接口算了

    2023-11-19 12:30:21
提问者 CarleTang 2023-05-10 04:08:57

https://github.com/sass/node-sass/releases


1、在mall-master项目中,package.json文件,node-sass的版本是4.13.0,支持的环境如下图所示;

https://img1.sycdn.imooc.com//climg/645aa71909aef14410980866.jpg


2、node-sass最新的版本 v8.0.0 对于 OSX 的支持,也仅限 x64 ,并没有支持 arm64,所以我感觉,这个前端项目,在 M1 mac 上估计是没法跑起来了;

https://img1.sycdn.imooc.com//climg/645aa7aa0918d6aa09000913.jpg

  • bobby #1
    https://juejin.cn/post/7059657295621259271 看看这个呢
    usechatgpt init success
    2023-05-15 21:07:11
  • 日幕 #2

    node版本过高了,node-sass 对于arm架构电脑的 github上面显示最高支持node12

    建议使用 nvm 对于系统的 node 版本进行管理

    nvm 可以使用 brew 安装 

    brew 如果不知道怎么搞,网上查查资料吧~~~

    2023-06-06 22:56:57
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
Go开发工程师全新版
  • 参与学习       489    人
  • 解答问题       559    个

风口上的技术,薪资水平遥遥领先,现在学习正值红利期! 未来3-5年,Go语言势必成为企业高性能项目中不可替代的语言 从基础到项目实战再到重构,对转行人员友好,真正从入门到精通!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师