一句惯、創(chuàng)建vue項目
vue init webpack app-name
二、安裝sass
cnpm install -D node-sass sass-loader
三输拇、node-sass版本和sass-loader版本對應(yīng)
| node | node-sass | sass-loader |
|---|---|---|
| 16 | 6.0.1 | 10.2.0 |
| 14 | 4.12.0 | 6.0.6 |
npm i node-sass@6.0.1 sass-loader@10.2.0 --save-dev
# 如果報錯摘符，可能是安裝過程中某些包丟失，嘗試以下方法解決
npm rebuild node-sass
遇到的問題
- Module build failed: TypeError: this.getOptions is not a function
這是由于安裝的版本過高導致的，安裝低版本的即可
目前我本地的node版本是16.10.0逛裤，那么node-sass可以安裝6.0.0版本的瘩绒。如果是14.10.0版本的，可以安裝4.14.1版本
cnpm install -D node-sass@6.0.0 sass-loader@10.1.0
- 下載鏡像失敗
Downloading binary from https://cdn.npmmirror.com/binaries/node-sass/v4.14.1/win32-x64-93_binding.node
Cannot download "https://cdn.npmmirror.com/binaries/node-sass/v4.14.1/win32-x64-93_binding.node":
HTTP error 404 Not Found
Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.
export HTTP_PROXY=http://example.com:1234
or configure npm proxy via
npm config set proxy http://example.com:8080
解決辦法：
將鏡像先下載下來带族，下載對應(yīng)版本的對應(yīng)文件锁荔，下載地址如下
https://github.com/sass/node-sass/tags
然后進行安裝
# 配置路徑
set SASS_BINARY_PATH=d:\win32-x64-72_binding.node
# 安裝
npm i node-sass -D –verbose
- 這是我遇到的最頭疼的一個問題，網(wǎng)上查的所有的辦法都試過了還蝙砌，還是各種報錯阳堕，錯誤太多了，如下所示：
1. Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.
2. Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
3. # SEO
Syntax Error: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1
試了無數(shù)遍择克，最后是安裝了sass-loader@6.0.6恬总、node-sass@6.0.1才解決的，安裝之前一定要把之前安裝的卸載干凈才可以
npm uninstall --save sass-loader
npm uninstall --save node-sass
cnpm install --D sass-loader@6.0.6
cnpm install --save node-sass@6.0.1
每次解決這個問題都需要2兩天時間肚邢，每次都能各種裝不成功壹堰。我再也不想遇見這個問題了
