DCloud_HB_WDL
DCloud_HB_WDL
  • 发布:2019-01-11 12:21
  • 更新:2022-06-29 15:23
  • 阅读:24551

Windows: sass/scss插件安装问题的解决方案

分类:HBuilderX

如果您不会npm,最省事的解决办法:直接看本文第三节


sass、scss插件在windows下的国内环境,有时会因为连不上npm服务器导致下载失败。解决方案如下:

1. sass安装失败

有的小伙伴安装sass插件,提示如下;

不要着急,根据提示来。

解决方法1:

如果您本机安装了npm,那就执行此步骤。否则参考解决方法2。打开命令行,进入HBuilderX\plugins\compile-node-sass目录

npm install

如果还报错,查看报错日志,有可能是网络原因,也有可能是npm版本的问题。那就试试解决方法2

解决方法2:

在HBuilderX中,按下alt + C,打开终端,进入plugins\compile-node-sass目录,执行npm install

如果还安装不上,有可能是npm版本的问题, 使用HBuilderX 自带的npm试试。直接在compile-node-sass目录输入如下命令

 ..\npm\npm install

2. 安装sass插件后,报错,提示:编译scss文件提示:\node-sass-china\vendor\win32-x64-64\binding.node缺失

近来,有部分用户反馈sass/scss插件安装后,编译scss文件提示:\node-sass-china\vendor\win32-x64-64\binding.node缺失。

问题截图:

解决方法1:

打开命令行,进入HBuilderX\plugins\compile-node-sass目录,删除node_modules,执行npm install重新安装

注意: npm不要使用淘宝源,npm淘宝源,安装有问题。

> npm config set registry https://registry.npmjs.org  
> npm install

解决办法2:

  1. 在HBuilderX安装目录下,进入\plugins\compile-node-sass\node_modules\node-sass-china\vendor目录
  2. 手动创建目录
  3. 然后到github node-sass https://github.com/sass/node-sass/releases 手动下载相关版本binding.node
  4. 把下载的文件放到相关目录,然后重命名为:binding.node
  5. 重启hx

3. windows Sass安装终极解决方案:

如果上面的两个解决方案还不行,小编已经将本机安装好的sass插件,打包成压缩包了。下载解压即可。

见附件的zip压缩包: sass压缩包下载地址

将压缩包里的compile-node-sass目录解压到HBuilderX安装目录下的\plugins目录。比如C:\HBuilderX\plugins下。

4. 卸载sass失败

还有小伙伴反应,在插件安装中,卸载sass插件,提示卸载失败

那有可能是node被占用了,关闭HBuilderX,并关闭掉HBuilderX所有相关的进程,特别是node进程。然后重启HBuilderX再试

uni-app cli项目的sass/scss安装

cli项目的编译器是安装在项目下的,不是HBuilderX的插件。

所以cli项目安装scss等插件需要在项目下npm手动安装。这个插件npm安装时确实经常连不上,可能需要翻墙。如果实在搞不定,建议换为HBuilderX创建项目,或把cli项目的src拖入HBuilderX,使用HBuilderX的插件来编译。

3 关注 分享
DCloud_HB_WKP zaki 穷奇先生

要回复文章请先登录注册

x***@163.com

x***@163.com

回复 s***@163.com :
我也是,请问你解决了吗
2020-08-22 15:29
李旭东问问

李旭东问问

hgjghj
2020-07-19 03:04
g***@163.com

g***@163.com

试了所有方法,一直报这样的错误,有一点不一样就是我这提示的不是Hbuilder安装目录下文件缺失,而是node的npm报缓存目录,很奇怪。还有,我在文件上右键执行sass命令却是可以的

00:52:49.726 --> LibSass 的二进制文件(‪C:\Users\AEGEAN\AppData\Roaming\npm-cache\node-sass\4.13.0\win32-x64-64_binding.node)缺失,请执行下面3条命令下载对应版本的二进制文件:(有可能引发此错误的原因是 Node 版本变更)
00:52:49.731 mkdir -p ‪C:\Users\AEGEAN\AppData\Roaming\npm-cache\node-sass\4.13.0
00:52:49.738 cd ‪C:\Users\AEGEAN\AppData\Roaming\npm-cache\node-sass\4.13.0
00:52:49.738 curl -o win32-x64-64_binding.node http://cdn.npm.taobao.org/dist/node-sass/v4.7.2/win32-ia32-57_binding.node
00:52:49.744 --> MacOS 、Unix/Linux 请根据权限使用 sudo 
2020-07-19 00:55
DCloud_HB_WDL

DCloud_HB_WDL (作者)

回复 s***@163.com :
进入sass删除目录,删除node_modules。重新执行npm试试。注意npm源,不要使用淘宝源,淘宝源安装sass有问题
2020-07-17 10:25
s***@163.com

s***@163.com

从新下载缺失的win32-x64-72\binding.node文件手动创建的,但是又报
[编译scss/sass] 00:50:40.229 internal/modules/cjs/loader.js:1188
[编译scss/sass] 00:50:40.229 return process.dlopen(module, path.toNamespacedPath(filename));
[编译scss/sass] 00:50:40.229 ^
[编译scss/sass] 00:50:40.229 Error: \\?\D:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-72\binding.node is not a valid Win32 application.
[编译scss/sass] 00:50:40.229 \\?\D:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-x64-72\binding.node
[编译scss/sass] 00:50:40.229 at Object.Module._extensions..node (internal/modules/cjs/loader.js:1188:18)
[编译scss/sass] 00:50:40.229 at Module.load (internal/modules/cjs/loader.js:986:32)
[编译scss/sass] 00:50:40.229 at Function.Module._load (internal/modules/cjs/loader.js:879:14)
[编译scss/sass] 00:50:40.229 at Module.require (internal/modules/cjs/loader.js:1026:19)
[编译scss/sass] 00:50:40.229 at require (internal/modules/cjs/helpers.js:72:18)
[编译scss/sass] 00:50:40.229 at module.exports (D:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\lib\binding.js:19:10)
[编译scss/sass] 00:50:40.229 at Object.<anonymous> (D:\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\lib\index.js:14:35)
[编译scss/sass] 00:50:40.229 at Module._compile (internal/modules/cjs/loader.js:1138:30)
[编译scss/sass] 00:50:40.229 at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
[编译scss/sass] 00:50:40.229 at Module.load (internal/modules/cjs/loader.js:986:32)

这个问题,我又懵逼了
2020-07-17 00:53
小气财神

小气财神

回复 DCloud_HB_WDL :
嗯 手动执行npm install不行的 后来去github上下载复制过去了,但是我公司电脑就没这个问题 很奇怪
2020-07-10 09:41
1***@163.com

1***@163.com

回复 DCloud_HB_WDL :
谢谢
2020-07-08 15:54
DCloud_HB_WDL

DCloud_HB_WDL (作者)

回复 1***@163.com :
https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-72_binding.node 这个是github的地址,如果打不开,检查下网络吧
2020-07-08 10:49
1***@163.com

1***@163.com

回复 DCloud_HB_WDL :
win32-x64-72\binding.node 下载地址 打不开
2020-07-08 10:48
DCloud_HB_WDL

DCloud_HB_WDL (作者)

回复 小气财神 :
进入sass插件目录,手动执行下npm install。或采用本文第二节的方法。 [win32-x64-72\binding.node 下载地址](https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-72_binding.node),下载后放到相关目录
2020-07-08 10:40