Mac M系列芯片 vue前端node-sass兼容问题解决

这篇具有很好参考价值的文章主要介绍了Mac M系列芯片 vue前端node-sass兼容问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

0、由于M系列芯片是arm架构,在使用brew安装node时都是arm的node,但是node-sass@4.14.1版本中不支持arm架构的出现如下报错:

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下来至根目录

cd ~
git clone https://gitee.com/mirrors/nvm.git
mv nvm .nvm

6、接着在~目录中配置环境变量

vim ~/.zshrc

将以下配置写入.zshrc文件中

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

7、重载环境变量

source ~/.zshrc

检查是否安装成功

nvm -v

8、终端切换至x86_64架构

arch -x86_64 zsh

安装node@12

nvm install v12

9、x86_64架构的node@12安装成功

终端切换至arm64架构

arch -arm64 zsh

10、项目直接npm install毫无问题,直接启动成功文章来源地址https://www.toymoban.com/news/detail-482259.html

到了这里,关于Mac M系列芯片 vue前端node-sass兼容问题解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • vue 中node-sass和sass版本问题解决

    先开始使用 “node-sass”: “^7.0.1” “sass-loader”: “^10.0.5” 然后使用npm install报错 后面百度,搜到了是因为 node-sass和sass-loader版本不对应造成。 然后修改版本,增加sass引用 “node-sass”: “^7.0.1” “sass-loader”: “^7.3.1”, “sass”:“1.26.5”, 然后npm install安装正确,但是npm r

    2024年02月11日
    浏览(57)
  • node版本与node-sass版本兼容

    由于在安装node-sass时经常遇到版本兼容问题,在运行vue项目时就会出现一下错误 以下为node版本与sass版本对应关系图 在vue项目中用scss写一个背景色 经过测试,可以使用以下版本的node与sass版本 如果需要管理多node版本,可以使用gnvm,具体教程可查看

    2024年02月14日
    浏览(45)
  • node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)

    我是Mac的M1芯片。网上说法很多,说不兼容导致的。总结了几种可能排查一下吧 问题报错:  解决方法 1、node.js版本问题。我node-sass 是4.几版本的。所以刚开始我把node降低到了14、但是这种问题依旧存在,不能删依赖、一删除就报错 如果是安装依赖时出了错,则建议先把之前

    2024年02月08日
    浏览(53)
  • 关于macOS系统M1芯片安装node-sass报错的解决方案

    最近更换macOS系统,pull项目后安装依赖时报错: 参考 M1芯片 安装node-sass报错 这篇文章后 ,得知原因是: node与node-sass版本不匹配 。代码的node-sass是v4.14.1版本(需要node15以下的版本),而我的node 是 v14(但M1芯片仅兼容node v15.3.0 以上,因为低版本的 node 并不是基于 arm64 架构

    2023年04月26日
    浏览(57)
  • node-sass版本问题

    NodeJS和Supported node-sass version https://www.npmjs.com/package/node-sass sass-loader 官网各种版本详细信息(可支持的node-saas版本) https://github.com/webpack-contrib/sass-loader/releases 卸载掉本机node-sass sass-loader,卸载不掉的话手动删掉         sass-loader 4.1.1,node-sass 4.3.0         sass-loader 7.0.3,n

    2024年02月07日
    浏览(49)
  • 解决node升级到18版本node-sass安装问题

    为了研究下chatgpt,node升级到18版本了,结果之前的项目都gg了,跑不起来了,一看就是node-sass不被支持了,版本要更新,解决方案如下: 首先系统环境变量增加一项: 修改对应项目里面的package.json的node-sass和sass-loader版本号: 删除项目的package.json.lock和yarn.lock这两个文件,最

    2024年02月11日
    浏览(45)
  • Windows环境下node-sass安装失败问题

    目录 一、环境安装  二、windows-build-tools依赖安装 三、解决windows-build-tools依赖卡住问题  四、重新安装node-sass 相信从事vue开发的小伙伴们应该都碰到过sass安装不上的问题,这边详细为大家贴出报错信息, 并给出详细解决方案! 报错信息如下: 这是因为我们电脑本地环境缺

    2024年02月09日
    浏览(73)
  • mac使用mvn下载node-sass 会Binary download failed, trying source

    m1 上使用nvm 以下node的版本可以直接下载(Binary download,而不是 trying source)而不用切换mac cpu架构 经测试上述使用nvm直接下载的node Binary ,可以下载对应的node-sass版本不会报错,但是如果上述版本下载的source类似下面,那么再去下载对应的node-sass版本会报错 那么我们如何在

    2024年02月15日
    浏览(38)
  • vue node_modules\node-sass: Command failed. 安装失败,如何解决,使用 sass 替换

    package.json vue 项目中,安装依赖的时候出现错误,如下: package.json 中有个 node-sass 的包,在安装并编译这个的时候出现问题 node-sass 的主要功能是将 sass/scss - css ,跟 sass 的作用是一样的, sass 是 dart 语言写的, 直接用 sass 替换掉 node-sass 即可 在使用 vue create appName 创建 vue 项

    2024年02月03日
    浏览(46)
  • 【学习笔记之vue】 Cannot find module ‘node-sass‘

    下载node-sass组件 下载时报错 使用npm下载node-sass组件 ok

    2024年02月12日
    浏览(59)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包