node-sass生产环境编译报错

这篇具有很好参考价值的文章主要介绍了node-sass生产环境编译报错。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 "node-sass": "^4.12.0",
 "sass-loader": "^8.0.2",

本地和local环境正常,pre和生产环境编译报错

local、pre、生产的编译环境一样,node版本都是14.16.1。拷贝本地node_modules文件夹到pre同样报错。

应该是node-sass和node的版本问题,但是又找不到问题,最后没办法把node-sass换成了sass

1、node-sass换成sass

"sass-loader": "^10.5.2",
"sass": "^1.55.0",

2、全局替换 /deep/ => ::v-deep

3、element兼容问题

"element-ui": "^2.15.13",
element这个版本会报错,有一些兼容问题
npm install -g sass-migrator
sass-migrator division ./node_modules/element-ui/packages/theme-chalk/src/*.scss  

//或者安装到项目里
npm install -D sass-migrator
./node_modules/.bin/sass-migrator division ./node_modules/element-ui/packages/theme-chalk/src/*.scss  

修改element-ui的包,但是其他人拉下来还是未修改的包,所以用到了 patch-package

npm install -D patch-package

然后在package.json中scripts加上,npm install的时候自动为依赖包打上我们改过的依赖

"postinstall": "patch-package"
 ./node_modules/.bin/patch-package element-ui 

会比较本地包做了哪些修改,并在patches下生成一个包,这个包会通过git提交上去文章来源地址https://www.toymoban.com/news/detail-838984.html

到了这里,关于node-sass生产环境编译报错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 项目 install 报错 node_modules\node-sass: Command failed. 处理

    公司之前的项目进行安装包和相关的依赖时,报错 node_modulesnode-sass: Command failed. 网上的切换淘宝镜像等方法都试过了不行,折腾了半天,最后问同事才知道是 node.js版本问题。 这个项目使用的node.js 版本是12.22.12,与我当前使用的16.18.1 不兼容导致的。 解决办法就是 切换成对

    2023年04月19日
    浏览(54)
  • npm install 报错 ERR! gyp ERR! node-sass python

    一、问题描述: npm install 报错 ERR! gyp ERR! ERR! stack Error: Can\\\'t find Python executable \\\"python\\\", you can set the PYTHON env variable node -v v16 node-gyp -v v3.8.0 二、可能原因 1 nodejs与sass版本不匹配(可能性最大:解决办法见三) node版本是16,sass版本是4.14。重装的node ,就好了。其他两个是调查时看到

    2024年02月03日
    浏览(40)
  • 关于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日
    浏览(38)
  • 解决npm install报错 npm ERR! gyp ERR! cwd D:\Projec\xxx\node_modules\node-sass (node-sass版本问题)

    vue项目换电脑后npm install发现一直报如下的错误: node-sass版本不兼容,比较老。还出现找不到python路径的错误。node-sass 需要 node-gyp安装时需要进行转译所以可能会出现各种按安装问题。且node-sass 本身就已经是deprecated状态了。如果不是维护老项目不建议再使用 由于它只用于开

    2024年02月09日
    浏览(47)
  • 解决 npm ERR! node-sass 和 gyp ERR! node-gyp 报错问题

    如果你机器里的node版本太高,又不想卸载重新安装低版本的node,可以安装一个 NVM 版本管理工具,随时切换node版本 1.下载安装nvm:nvm for windows 2.安装nvm后在命令窗口输入命令 nvm,出现一堆提示文字后成功。 3.执行安装node版本命令 安装指定版本(以14.18.3为例) 一些nvm常用命

    2023年04月08日
    浏览(36)
  • 项目依赖安装node-sass@^4.14.1 run “node scripts/install.js“报错问题解决

    很久没运行的项目突然依赖下载报错,让我很头疼,之前都是运行正常的,于是就是开找解决办法。 依赖下载遇到的报错!!! scripts.install node-sass@^4.14.1 run “node scripts/install.js”: 大概意思就是这个地址已经不能下载了,需要你下载到本地并且做一个代理: 第一步: nod

    2024年02月20日
    浏览(53)
  • node与node-sass版本对应

    node:14.0.0 node-sass对应node https://github.com/sass/node-sass/releases node-sass 和 sass-loader 的对应关系一般的情况下4.XX.YY,XX就是对应Node XX 版本 参考

    2024年01月24日
    浏览(37)
  • node-sass与node版本映射

    版本不匹配,比如在node16上面安装node-sass 4.x,那么就可能会报以下错误 项目中 node-sass 版本为4.x,本地node为14,但是服务器安装的node版本是 16,要求node-sass版本为 6.x,更换node即可

    2024年02月12日
    浏览(94)
  • 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日
    浏览(39)
  • node-sass是什么

    是一种CSS预处理器,它扩展了CSS的功能并提供了更强大的样式表语言。Sass允许开发人员使用变量、嵌套规则、混合(Mixins)、继承等高级功能来编写更简洁、可维护的样式代码。 Sass有两种语法格式:Sass(使用缩进)和SCSS(使用大括号和分号)。Sass语法更加简洁,没有大括

    2024年02月13日
    浏览(26)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包