首页 > 编程语言 >Mac M系列芯片 vue前端node-sass兼容问题解决

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

时间:2023-05-06 16:11:57浏览次数:33  
标签:node vue 架构 sass 64 nvm arm

0、由于M系列芯片是arm架构,在使用brew安装node时都是arm的node,但是[email protected]版本中不支持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,以解决[email protected]版本不支持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毫无问题,直接启动成功

标签:node,vue,架构,sass,64,nvm,arm
From: https://www.cnblogs.com/lintu-kong/p/17377673.html

相关文章

  • vue思考与element-ui的代码基础
    说一下我对vue的理解在我看来vue就是对变量定义,之后把变量返回回去再由主题部分调用返回的函数,可以直接用调用的关键字而这个和CSS有一点相像与element-ui<divid="app"><!--在这放emement-ui官方给的代码--></div><scriptscr="vues.js"></script><scriptsrc="ele......
  • Vue实现计算器
    <head><metacharset="UTF-8"><title>计算器</title><!--引入Vue--><scripttype="text/javascript"src="../jquery.js"></script><scripttype="text/jav......
  • vue页面中展示markdown以及katex公式
    场景数据库中有markdown语法的字符串,需要展示为正常的页面,难点在于其中的katex数学公式解决方式使用showdown及其族系插件npmishowdownnpmishowdown-katex<template> <divclass="msg"v-html="transformMsg(msgInfo)"></div></template><script>imports......
  • vue-移动端开发-样式适配方案
    样式适配场景:一个项目中既包含了web端也包含了移动端的页面,web端的一些样式不能在移动端正常显示解决方式:npmipostcss-px-to-viewport项目目录下postcss.config.jsmodule.exports={plugins:{"postcss-px-to-viewport":{unitToConvert:"px",view......
  • node/npm的使用
    使用node命令打开终端输入node,之后输入console.log()可以向控制台输出指定字符串,如下图所示:如果想要运行一个脚本文件也可以将js代码编写到文件中,执行node指令也是一样的,如下图所示:Node.js模块在编写大型项目时,为了提高代码的复用,会将项目进行模块化,在node.js中,一个文件对......
  • Module build failed (from ./node_modules/css-loader/dist/cjs.js): TypeError: thi
    Modulebuildfailed(from./node_modules/css-loader/dist/cjs.js):TypeError:this.getOptionsisnotafunctionModulebuildfailed(from./node_modules/css-loader/dist/cjs.js):TypeError:this.getOptionsisnotafunction 用了各种办法,没有解决问题,直接把node_m......
  • 使用Node.js调用Sqlite3模块写的大数据查询接口
    使用Node.js调用Sqlite3模块写的大数据查询接口constsqlite3=require('sqlite3');consthttp=require('http');consturl=require('url');constSqliteDb=async(dbFile)=>{constpri={};pri.db=newsqlite3.Database(dbFile);......
  • VUE常见问题,持续更新
    最新接触VUE3,作为新手在使用TS语法时经常会遇到一些各种各样的问题,在些做个归纳。1.直接引用.json文件最报错TS2732:Cannotfindmodule'@/data.json'.Considerusing'--resolveJsonModule'toimportmodulewith&:在tsconfig.json中添加 "resolveJsonModule":true,......
  • 如何下载node指定版本
    首先卸载掉目前node然后搜索https://nodejs.org/download/release/vxx.xx.x/(需要的版本)最后选择下载安装就ok了 ps:我的版本不合适,项目需要指定版本,尝试过操作降版本,切换版本,忙活了几个小时,nnd不成功。。。。。最后只能用笨办法了......
  • Vue学习
    vue第一个案例vue.js开发版本vue.min.js生产版本(压缩版)第一个案例:<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><scripttype="text/javascript"src=&q......