最近在研究webpack来构建项目,说说安装node-sass模块是遇到的问题

Posted 创一代

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了最近在研究webpack来构建项目,说说安装node-sass模块是遇到的问题相关的知识,希望对你有一定的参考价值。

首先我是个小白哈,第一次玩这东西,首先我为什么要去安装node-sass模块呢,因为不安装这个模块的话sass-loader就不能正常工作

就这样搞了一个近一天的时间才安装好node-sass模块,各种google,其实好多大神说的确实是可行的,但是作为小白并不是那么理解,所以今天来整理分享给大家,毕竟用sass来编写css那就叫一个字爽啊,可以节省很多代码量,下面来看看问题

首先小白遇到问题一般都是什么都不管,先看看咱们熟悉的报红,

生成启动时间为 2016/6/27 星期一 11:39:46。
节点 1 上的项目“C:\Users\世民\node_modules\node-sass\build\binding.sln”(默认目标)。
ValidateSolutionConfiguration:
  正在生成解决方案配置“Release|x64”。
MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装 .NET Framework 2.0 SDK;2) 安装 Microsoft Visual Studio 2005;或 3) 如果将该组件安装到了其他位置,请将其位置添加到系统路径
中。 [C:\Users\世民\node_modules\node-sass\build\bindi
ng.sln]
已完成生成项目“C:\Users\世民\node_modules\node-sass\build\binding.sln”(默认目标)的操作 - 失败。


生成失败。

“C:\Users\世民\node_modules\node-sass\build\binding.sln”(默认目标) (1) ->
(_src_\libsass 目标) ->
  MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装 .NET Framework 2.0 SDK;2) 安装 Microsoft Visual Studio 2005;或 3) 如果将该组件安装到了其他位置,请将其位置添加到系统路
径中。 [C:\Users\世民\node_modules\node-sass\build\bin
ding.sln]

    0 个警告
    1 个错误

然后呢,就一头赛到vc++组件里去,安装各种无用的东西,尝试过各种解决方案,最后实在是没有办法了,就仔细的从头到尾的看错误信息,然后在 node scripts/install.js 之后发现这么一句话

Cannot download "https://github.com/sass/node-sass/releases/download/v3.8.0/win32-x64-46_binding.node":

这句话大家都懂的哈,我就不说了,这里我也不知道为什么会下载失败,因为我的电脑全局代理的,正常的访问任何网站都是无阻碍的,百思不得解,

好吧那我就自己下载吧(为什么自己下载?因为我在google的时候也是发现了写有用的东西,虽然没那么直观哈,但是也给了我很多帮助)

下载完了之后把它注册成全局环境变量,两种方式:

第一种:直接右键我的电脑--》属性--》高级系统设置--》环境变量--》添加

第二种:set XXX=文件路经--》set SASS_BINARY_PATH=F:\lishiming\tools\node-sass\win32-x64-46_binding.node

查看环境是否合适:echo %SASS_BINARY_PATH%

如果打印出来您配置好的文件地址那就ok了,

最后再来试试安装:npm i -g node-sass

完美解决

 

以上是关于最近在研究webpack来构建项目,说说安装node-sass模块是遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

第1271期Webpack4+ 多入口程序构建

webpack2 项目构建一

webpack构建工具快速上手指南

webpack踩坑之路——构建基本的React+ES6项目

[F2016061801] NodeJS之旅-使用webpack构建项目时遇到__dirname路径不对

Vue实战Vue-cli项目构建(Vue+webpack系列之一)