nuxt项目ci部署 node-sass问题

最新推荐文章于 2023-12-06 23:16:26 发布
最新推荐文章于 2023-12-06 23:16:26 发布
阅读量839 收藏 1
点赞数 1
分类专栏： nuxt 文章标签： sass ci 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41595733/article/details/121785439
版权

node-sass 安装失败导致ci部署失败

> node-sass@5.0.0 postinstall /node_modules/node-sass
> node scripts/build.js
Building: /usr/local/bin/node /node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli   '/usr/local/bin/node',
gyp verb cli   '/node_modules/node-gyp/bin/node-gyp.js',
gyp verb cli   'rebuild',
gyp verb cli   '--verbose',
gyp verb cli   '--libsass_ext=',
gyp verb cli   '--libsass_cflags=',
gyp verb cli   '--libsass_ldflags=',
gyp verb cli   '--libsass_library='
gyp verb cli ]
gyp info using node-gyp@7.1.2
gyp info using node@12.20.1 | linux | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb find Python Python is not set from command line or npm configuration
gyp verb find Python Python is not set from environment variable PYTHON
gyp verb find Python checking if "python3" can be used
gyp verb find Python - executing "python3" to get executable path
gyp verb find Python - "python3" is not in PATH or produced an error
gyp verb find Python checking if "python" can be used
gyp verb find Python - executing "python" to get executable path
gyp verb find Python - "python" is not in PATH or produced an error
gyp verb find Python checking if "python2" can be used
gyp verb find Python - executing "python2" to get executable path
gyp verb find Python - "python2" is not in PATH or produced an error
gyp ERR! find Python 
gyp ERR! find Python Python is not set from command line or npm configuration
gyp ERR! find Python Python is not set from environment variable PYTHON
gyp ERR! find Python checking if "python3" can be used
gyp ERR! find Python - "python3" is not in PATH or produced an error
gyp ERR! find Python checking if "python" can be used
gyp ERR! find Python - "python" is not in PATH or produced an error
gyp ERR! find Python checking if "python2" can be used
gyp ERR! find Python - "python2" is not in PATH or produced an error
gyp ERR! find Python 
gyp ERR! find Python **********************************************************
gyp ERR! find Python You need to install the latest version of Python.
gyp ERR! find Python Node-gyp should be able to find and use Python. If not,
gyp ERR! find Python you can try one of the following options:
gyp ERR! find Python - Use the switch --python="/path/to/pythonexecutable"
gyp ERR! find Python   (accepted by both node-gyp and npm)
gyp ERR! find Python - Set the environment variable PYTHON
gyp ERR! find Python - Set the npm configuration variable python:
gyp ERR! find Python   npm config set python "/path/to/pythonexecutable"
gyp ERR! find Python For more information consult the documentation at:
gyp ERR! find Python https://github.com/nodejs/node-gyp#installation
gyp ERR! find Python **********************************************************
gyp ERR! find Python 
gyp ERR! configure error 
gyp ERR! stack Error: Could not find any Python installation to use
gyp ERR! stack     at PythonFinder.fail (/node_modules/node-gyp/lib/find-python.js:302:47)
gyp ERR! stack     at PythonFinder.runChecks (/node_modules/node-gyp/lib/find-python.js:136:21)
gyp ERR! stack     at PythonFinder.<anonymous> (/node_modules/node-gyp/lib/find-python.js:179:16)
gyp ERR! stack     at PythonFinder.execFileCallback (/node_modules/node-gyp/lib/find-python.js:266:16)
gyp ERR! stack     at exithandler (child_process.js:315:5)
gyp ERR! stack     at ChildProcess.errorhandler (child_process.js:327:5)
gyp ERR! stack     at ChildProcess.emit (events.js:314:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:274:12)
gyp ERR! stack     at onErrorNT (internal/child_process.js:470:16)
gyp ERR! stack     at processTicksAndRejections (internal/process/task_queues.js:84:21)
gyp ERR! System Linux 3.10.0-123.9.3.el7.x86_64
gyp ERR! command "/usr/local/bin/node" "/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /node_modules/node-sass
gyp ERR! node -v v12.20.1
gyp ERR! node-gyp -v v7.1.2
gyp ERR! not ok 
Build failed with error code: 1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/watchpack-chokidar2/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN notsup Unsupported engine for @nuxtjs/style-resources@1.2.1: wanted: {"node":">=v10.24.1","npm":">=6.14.14"} (current: {"node":"12.20.1","npm":"6.14.10"})
npm WARN notsup Not compatible with your version of node/npm: @nuxtjs/style-resources@1.2.1
npm WARN notsup Unsupported engine for eslint-plugin-vue@8.2.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"12.20.1","npm":"6.14.10"})
npm WARN notsup Not compatible with your version of node/npm: eslint-plugin-vue@8.2.0
npm WARN notsup Unsupported engine for vue-eslint-parser@8.0.1: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"12.20.1","npm":"6.14.10"})
npm WARN notsup Not compatible with your version of node/npm: vue-eslint-parser@8.0.1
npm WARN notsup Unsupported engine for eslint-scope@6.0.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"12.20.1","npm":"6.14.10"})
npm WARN notsup Not compatible with your version of node/npm: eslint-scope@6.0.0
npm WARN notsup Unsupported engine for eslint-visitor-keys@3.1.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"12.20.1","npm":"6.14.10"})
npm WARN notsup Not compatible with your version of node/npm: eslint-visitor-keys@3.1.0
npm WARN notsup Unsupported engine for espree@9.2.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"12.20.1","npm":"6.14.10"})
npm WARN notsup Not compatible with your version of node/npm: espree@9.2.0
npm WARN notsup Unsupported engine for eslint-visitor-keys@3.1.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"12.20.1","npm":"6.14.10"})
npm WARN notsup Not compatible with your version of node/npm: eslint-visitor-keys@3.1.0
npm WARN tsutils@3.21.0 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@5.0.0 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the node-sass@5.0.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:

解决

一：

上传：package-lock.json 限定node-sass 版本 和 包源

"node-sass": {
      "version": "5.0.0",
      "resolved": "https://registry.npm.taobao.org/node-sass/download/node-sass-5.0.0.tgz?cache=0&sync_timestamp=1604150653238&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-sass%2Fdownload%2Fnode-sass-5.0.0.tgz",
      "integrity": "sha1-To85++87rI0txy6+O1OXEYg6eNI=",
      "dev": true,
      "requires": {
        "async-foreach": "^0.1.3",
        "chalk": "^1.1.1",
        "cross-spawn": "^7.0.3",
        "gaze": "^1.0.0",
        "get-stdin": "^4.0.1",
        "glob": "^7.0.3",
        "lodash": "^4.17.15",
        "meow": "^3.7.0",
        "mkdirp": "^0.5.1",
        "nan": "^2.13.2",
        "node-gyp": "^7.1.0",
        "npmlog": "^4.0.0",
        "request": "^2.88.0",
        "sass-graph": "2.2.5",
        "stdout-stream": "^1.4.0",
        "true-case-path": "^1.0.2"
      },
      "dependencies": {
        "ansi-regex": {
          "version": "2.1.1",
          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz",
          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
          "dev": true
        },
        "ansi-styles": {
          "version": "2.2.1",
          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz?cache=0&sync_timestamp=1611325747047&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-2.2.1.tgz",
          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
          "dev": true
        },
        "chalk": {
          "version": "1.1.3",
          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
            "ansi-styles": "^2.2.1",
            "escape-string-regexp": "^1.0.2",
            "has-ansi": "^2.0.0",
            "strip-ansi": "^3.0.0",
            "supports-color": "^2.0.0"
          }
        },
        "cross-spawn": {
          "version": "7.0.3",
          "resolved": "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-7.0.3.tgz",
          "integrity": "sha1-9zqFudXUHQRVUcF34ogtSshXKKY=",
          "dev": true,
          "requires": {
            "path-key": "^3.1.0",
            "shebang-command": "^2.0.0",
            "which": "^2.0.1"
          }
        },
        "strip-ansi": {
          "version": "3.0.1",
          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1589682795383&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "requires": {
            "ansi-regex": "^2.0.0"
          }
        },
        "supports-color": {
          "version": "2.0.0",
          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&sync_timestamp=1611394878204&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz",
          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
          "dev": true
        }
      }
    },

二：

修改Dockerfile或ci中命令手动修改node-sass 包源

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
  • 修复 gyp 问题：
运行以下命令
npm install -g node-gyp 

npm install –global –production windows-build-tools

三：

使用dart-sass替换node-sass

npm install node-sass@npm:dart-sass
auserroot
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nuxt-sass-resources-loader：用于NuxtJ的SASS资源（例如变量，mixins等）模块
02-05
:warning_selector: 我们正在关闭对此软件包的支持，并已将其转移到官方社区软件包。 因此，我们强烈建议您使用官方社区软件包 。 特别感谢我们的贡献者提交了错误报告，功能请求以及对问题的评论 迁移指南 // nuxt-sass-resorces-loader export default { modules : [ 'nuxt-sass-resources-loader' ] , // your settings here sassResources : [ '@/path/to/first-resources.sass' ] } // @nuxtjs /style-re
Sass教程二：Sass的安装
柒钥的博客
08-06 348
前面已经提到了，Sass是用Ruby语言开发的，所以在安装Sass之前，需要先安装Ruby 这里要注意几点： Mac系统是自带Ruby的，所以就不需要再次安装啦，所以下面安装Ruby的方法也只适用于Windows系统。 一些基于插件的编辑器，比如vsCode，Atom之类的，不需要安装sass，直接安装插件就可以进行编译。 Windows下安装Sass首先需要安装Ruby, 先从官...
sass-graph-viz：绘制Sass依赖关系的可视图
02-05
Sass Graph Viz 绘制一个可视化的Sass依赖关系图。 我想用它... 您需要安装 作为命令行工具 用安装它： npm install -g sass-graph-viz $ sassgraphviz --help Usage: sassgraphviz [options] <target> Options: -e, --exclude-externals Omit files that are not under given target -s, --simple Generate a simpler visualization (not
Nuxt项目支持sass
YanHSama的博客
11-10 329
原因是node版本与node-sass版本不一致。node版本为14.16.1。
简陋的vue-cli项目改写成nuxt2项目
AIpoem的博客
09-08 1108
1. 安装下载nuxtjs 2. 配置路由 3. 配置路由重定向 4. 配置一些全局的css 5. 使用sass 6. 编写公共头部布局模板 7. 改写组件 8. 改写请求接口 9. 改写vuex 10. 引入第三方插件 11. 配置meta 12.开启gzip、brotli压缩 13. 部署
react环境过程
weixin_44654023的博客
01-31 296
V14.15版本可以通过替换在WIN7环境下使用Microsoft Windows [版本 6.1.7601]版权所有 © 2009 Microsoft Corporation。^C终止批处理操作吗(Y/N)?终止批处理操作吗(Y/N)?
【前端】Vue3中通过ESLint校验代码是否符合规范
小冷coding的博客
05-04 2134
Vue3中通过ESLint校验代码是否符合编码规则 VUE3中项目使用的了ESLint插件校验代码是否符合编码规则，一起来看看eslint的安装方式，vs code编辑器，idea编辑器中方法。 文章目录Vue3中通过ESLint校验代码是否符合编码规则1.在项目中安装ESLint命令2.初始化ESLint配置命令3.查看eslint.js文件4.在package.json下添加验证脚本5.编辑器中安装eslint插件5.1 VS Code中安装eslint插件步骤，按下图操作5.2 Idea 中配置esl
nuxt-node-externals-module:一个nuxt模块，用于添加webpack-node-externals
04-27
nuxt节点外部模块设置npm i nuxt-node-externals-module用法{ modules : [ // add it as the last module [ 'nuxt-node-externals-module' , { whitelist : [ / ^ vue-cli-plugin-apollo / , / ^ vuetify / ] , } , ...
create-nuxt-antd:使用ant-design的nuxt项目
05-15
使用ant-design的nuxt项目 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn run dev # build for production and launch server $ yarn run build $ yarn start...
nuxt-ant-design-vue
05-08
@ nuxtjs-extra / ant-design-vue 适用于Ant Design Vue的Nuxt模块设置向项目添加依赖项yarn add @nuxtjs-extra/ant-design-vue @nuxt/components # or npm install @nuxtjs-extra/ant-design-vue 如果您使用...
nuxt-svg-sprite-loader:用于svg-sprite-loader的Nuxt.js模块
03-17
nuxt-svg-sprite-loader 用于svg-sprite-loader的Nuxt.js模块。 安装 # npm $ npm install nuxt-svg-sprite-loader # Yarn $ yarn add nuxt-svg-sprite-loader 用法 该模块添加到您Nuxt.js模块列表nuxt.config.js...
vue npm install时报错node-sass@5.0.0 postinstall: `node scripts/build.js
weixin_43978501的博客
03-31 3269
遇到这个报错信息，查了好久，试好多方法都没有用，接下来展示可能的情况和解决方法。 1、首先第一个原因，下载的问题。 // 当前路径下运行，使用淘宝镜像下载 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass // 之后再运行安装node-sass的代码 npm install node-sass 1、第二个原因，node和node-sass版本的问题。 // 运行一下代码查看node版本 node -V 最后在
npm install报错：node-sass@5.0.0 postinstall: `node scripts/build.js`
最新发布
withkai44的博客
12-06 919
很多人会以为是 python 找不到，而去安装python 然后各种 管理员权限打开执行：npm install --global --production windows-build-tools。最后还是不行，仔细看会发现标红得错误信息，应该是 node-sass安装不成功 添加一个​​node-sass​​ 的数据源，在install 就OK了。
node-sass@5.0.0 postinstall: `node scripts/build.js报错解决办法
WangIcter的专栏
03-21 801
一般是node-sass下载失败或者版本不匹配。
linux的nodejs艰辛之路
qq_46753731的博客
02-18 4190
lilux小白的nodejs安装之路首先是对于npm的需求以及报错然后是问题的发现为node试图解决问题(无效的方法)最终成功（简洁的解决道路） 首先是对于npm的需求以及报错 最开始是要去执行的脚本过程中需要安装依赖即“npm install”，在这之前使用了“sudo apt install nodejs”命令提示安装了了最新版本的node和npm。但是在执行的时候出现了报错： npm WARN notsup Unsupported engine for [email protected]: wanted:
npm ERR! notsup Unsupported platform for [email protected]: wanted {“os“:“!win32“,“arch“:“any“} (current: {“os
qq_30908729的博客
09-28 1万+
执行npm cache clean -f报错如下：npm ERR!npm ERR!npm ERR!win32npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!
安装webpack出现警告：npm WARN notsup Unsupported engine for [email protected]
FantasyWeirdo的博客
07-02 1万+
警告如下： npm WARN notsup Unsupported engine for [email protected]: wanted: {“node”:"<8.10.0"} (current: {“node”:“10.16.0”,“npm”:“6.13.1”}) npm WARN notsup Not compatible with your version of node/npm: [email protected] npm WARN optional SKI
关于vue-cli 的node-sass安装失败，报错node-sass@5.0.0 postinstall: `node scripts/build.js后的解决办法总结
xiakekeali的博客
01-18 9302
问题：最开始想要学习一下vue-cli更换主题，然后就各种百度，最后说要使用sass，好家伙，就跟着百度的步骤一顿安装，结果，失败了，然后研究了两天，终于，终于解决了这个问题，激动得不知道跟谁分享所以记录下了这篇文章，希望能帮助到跟我相同问题的小伙伴，٩(๑>◡<๑)۶ 报错：这个报错可能是因为无法下载，所以切换到cnmp下载；但是也可能是因为版本不匹配，可以切换安装版本，具体步骤如下。 问题1：下载的原因造成的问题 方法1、本地安装 ①如果之前安装了一遍失败了，记得执行卸载，没有则跳过卸载步骤
NPM安装依赖包，报错node-gyp rebuild...解决方法
热门推荐
Odboy
06-22 5万+
异常信息 npm ERR! code 1 npm ERR! path D:\demo\node_modules\node-sass npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js npm ERR! Building: C:\Pr...
nuxt3项目vue-seamless-scroll
09-13
如果你想在 Nuxt.js 项目中使用 vue-seamless-scroll，可以按照以下步骤进行操作： 1. 在你的 Nuxt 项目中安装 vue-seamless-scroll 包： ```shell npm install vue-seamless-scroll ``` 2. 在需要使用无缝滚动...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值