node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)

这篇具有很好参考价值的文章主要介绍了node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

我是Mac的M1芯片。网上说法很多,说不兼容导致的。总结了几种可能排查一下吧

问题报错:

node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)

 解决方法

1、node.js版本问题。我node-sass 是4.几版本的。所以刚开始我把node降低到了14、但是这种问题依旧存在,不能删依赖、一删除就报错

如果是安装依赖时出了错,则建议先把之前安装的node_modules、package.log.json删掉

然后查看下对应的版本。升级或者降级。查看package.json文件。

node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)

2、还有可能是vue版本问题,总之就是版本问题导致的不兼容

mac m1 在具体原因不知道为啥不兼容。我是一拉项目、或者重新装依赖就发生报错。

我用的方法!!! npm换成yarn

yarn的安装
        1. nodejs下载安装:

        在 node.js 官网里推荐选择 LTS (长期支持)版本,可在命令行用node -v 查看node的安装版本。顺便 npm -v 查看npm的版本号。

        2. yarn的安装并查看版本:    (yarn 不支持node低版本要求10到14,最好14,我刚开始用的10.16,被拒了)

                npm install -g yarn
                yarn --version

node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)

 

安装完之后文章来源地址https://www.toymoban.com/news/detail-472427.html

  1. 删除 node_modules,终端指令 rm -rf node_modules
  2. node 版本切换为 14+
  3. 安装 sass, yarn add -D sass 或 npm install --save-dev sass
  4. 安装依赖 yarnnode-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)

到了这里,关于node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Node 16版本和 node-sass 兼容性问题

            我电脑上的node版本是16.13.1,运行刚克隆下来的项目时,npm install 报错,gyp err,百度之后确定是node-sass版本兼容性问题。 项目的 package.json 文件版本如下: \\\"devDependencies\\\": {     \\\"node-sass\\\": \\\"^4.0.0\\\",     \\\"sass-loader\\\": \\\"^8.0.1\\\"   }, 问题 1: 将node-sass的版本改为6.0.1,npm instal

    2024年02月05日
    浏览(48)
  • 解决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)
  • node版本与node-sass版本不兼容时问题解决

    在项目运行中会经常遇到node版本号与node-sass版本号不兼容的问题,这时可以有两种解决方案。 附图:node与node-sass的对应关系   1、改node版本号去对应node-sass  2、改node-sass版本号去对应node 一般情况下选择修改node-sass的版本号,这里只会影响sass,但是如果修改node版本可能会

    2023年04月20日
    浏览(45)
  • Syntax Error: Error: Node Sass version x.x.x is incompatible with ^4.0.0.解决办法

    Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.  @ ./src/assets/css/global.scss 4:14-235 15:3-20:5 16:22-243  @ ./src/main.js  @ multi (webpack)-dev-server/client?http://192.168.7.103:8081sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 代码如下(示例): 1 代码如下(示例):

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

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

    2024年02月09日
    浏览(74)
  • Vue 出现Syntax Error:TypeError: Cannot read property ‘vue‘ of undefined的一种解决办法

    出现如下情况 背景:首次克隆运行项目 技术背景:项目使用的前端框架和UI框架 :vue2+element-ui 然后npm install 安装依赖,得到node_modules包和package-lock.json文件,然后npm run dev启动报错。 排查原因: 首先看了package.json 文件的node版本和npm版本支持 当前的我的node和npm版本用的是:

    2024年02月13日
    浏览(43)
  • 解决sass问题:npm ERR! node-sass@9.0.0 postinstall: `node scripts/build.js`

    目录 一、遇到问题 解决办法 二、 再次遇到问题  解决办法  题外话 1. 运行这个项目的适合,遇到了没有sass的问题 解决办法 然后就用命令下载sass 2. 下载sass的时候又发现了一个这样的问题 解决办法  检查在这个错误之前有没有其他的错误出现 ,如果有就先去解决其他的

    2024年02月06日
    浏览(61)
  • 解决npm安装依赖失败,node和node-sass版本不匹配的问题

    一. 问题描述 用npm安装依赖报错: 二. 问题解决 这个问题困扰了大半天,网上答案五花八门,不过对我来说,那些方法都没有效果,记录一下我解决这个错误的步骤,如下: 删除下载好的node_modules 删除package-lock.json文件 清除npm缓存 npm cache clean --force 或者是 npm cache verify np

    2024年02月11日
    浏览(63)
  • 安装node-sass失败 或 npm install Error: not found: python2 解决方案

    1. 安装python2 可以用npm命令安装 也可以自行下载安装 Python 2.7 2. 安装完毕后配置环境变量 3.再配置一下版本 node-sass 实在太坑了,之前遇到安装失败使用方法一完美解决。最近又一次遇到了,但是方法一又无效了。于是我又在网上找到另一个方法,就是用 dart-sass 来替换 node

    2024年02月13日
    浏览(97)
  • 解决高本版node安装依赖node-sass与当前node版本不兼容的问题

    安装项目依赖是会遇到这些报错 error D:Testzjfoodnode_modulesnode-sass: Command failed. gyp ERR! cwd D:Testzjfoodnode_modulesnode-sass gyp ERR! node -v v16.13.2 gyp ERR! node-gyp -v v3.8.0 出现这些报错的原因是当前node版本与package.json中node-sass版本不对应,导致安装失败    当前node版本是16.13.2,而package.

    2024年02月10日
    浏览(108)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包