npm install 詳細報錯信息如下:
“G:\coding\dops_front\node_modules\node-sass\build\binding.sln”(默認目標) (1) -> “G:\coding\dops_front\node_modules\node-sass\build\binding.vcxproj.metaproj”(默認目標) (2) -> “G:\coding\dops_front\node_modules\node-sass\build\src\libsass.vcxproj”(默認目標) (3) -> (ClCompile 目標) -> c1xx : fatal error C1083: 無法打開源文件: “3.5.5" /GF /Gm- /MT /GS /Gy /fp:precise /Zc:wchar_t /Zc:forScope /Zc:inline /GR- /FoRelease\obj\libsass\ /FdRelease\obj\libsass\libsass.pdb /Gd /TP /wd4351 /wd4355 /wd4800 /wd4251 /wd4275 /wd4244 /wd4267 /FC /errorReport:queue /GR /EHsc ..\..\src\libsass\src\ast.cpp ..\..\src\libsass\src\ast_fwd_decl.cpp ..\..\src\libsass\src\backtrace.cpp ..\..\src\libsass\src\base64vlq.cpp ..\. .\src\libsass\src\bind.cpp ..\..\src\libsass\src\check_nesting.cpp ..\..\src\libsass\src\color_maps.cpp ..\..\src\libsass\src\constants.cpp ..\..\src\libsass\src\context.cpp ..\..\src\libsass\src\cssize.cpp ..\ ..\src\libsass\src\emitter.cpp ..\..\src\libsass\src\environment.cpp ..\..\src\libsass\src\error_handling.cpp ..\..\src\libsass\src\eval.cpp ..\..\src\libsass\src\expand.cpp ..\..\src\libsass\src\extend.cpp ..\ ..\src\libsass\src\file.cpp ..\..\src\libsass\src\functions.cpp ..\..\src\libsass\src\inspect.cpp ..\..\src\libsass\src\json.cpp ..\..\src\libsass\src\lexer.cpp ..\..\src\libsass\src\listize.cpp ..\..\src\libsa ss\src\memory\SharedPtr.cpp ..\..\src\libsass\src\node.cpp ..\..\src\libsass\src\operators.cpp ..\..\src\libsass\src\output.cpp ..\..\src\libsass\src\parser.cpp ..\..\src\libsass\src\plugins.cpp ..\..\src\libsa ss\src\position.cpp ..\..\src\libsass\src\prelexer.cpp ..\..\src\libsass\src\remove_placeholders.cpp ..\..\src\libsass\src\sass.cpp ..\..\src\libsass\src\sass2scss.cpp ..\..\src\libsass\src\sass_context.cpp ..\ ..\src\libsass\src\sass_functions.cpp ..\..\src\libsass\src\sass_util.cpp ..\..\src\libsass\src\sass_values.cpp ..\..\src\libsass\src\source_map.cpp ..\..\src\libsass\src\subset_map.cpp ..\..\src\libsass\src\to _c.cpp ..\..\src\libsass\src\to_value.cpp ..\..\src\libsass\src\units.cpp ..\..\src\libsass\src\utf8_string.cpp ..\..\src\libsass\src\util.cpp ..\..\src\libsass\src\values.cpp”: No such file or directory [G:\coding\dops_front\node_modules\node-sass\build\src\libsass.vcxproj]
0 個警告
1 個錯誤
已用時間 00:00:01.48
gyp ERR! build error
gyp ERR! stack Error: `C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe` failed with exit code: 1
gyp ERR! stack at ChildProcess.onExit (G:\coding\dops_front\node_modules\node-gyp\lib\build.js:262:23)
gyp ERR! stack at ChildProcess.emit (events.js:314:20)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:276:12)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "D:\\devtool\\nodejs\\node.exe" "G:\\coding\\dops_front\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd G:\coding\dops_front\node_modules\node-sass
gyp ERR! node -v v12.20.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
解決問題步驟:
1、刪除工程目錄下的 node_modules 文件夾,重新 npm install ---- 失敗
2、仔細查看日志,是 node-sass 文件讀取不到,查看對應路徑,發現 node_modules 文件夾下無 node-sass,說明 node-sass 安裝失敗;
3、根據網上建議提高 sass 版本,重新 npm install ---- 失敗
"node-sass": "^4.14.1", "sass-loader": "^7.1.0",
未單獨安裝上述兩個模塊,有興趣的可以試下單獨安裝后,再驗證 npm install 是否可以成功
npm i sass-loader
npm i node-sass
4、單獨安裝 node-sass ---- 失敗
npm install node-sass
5、指定淘寶源安裝 ---- 成功
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
6、重新 npm install ---- 成功
G:\coding\dops_front>npm install
npm WARN eslint-loader@2.0.0 requires a peer of eslint@>=1.6.0 <5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-plugin-vue@4.7.1 requires a peer of eslint@^3.18.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN script-ext-html-webpack-plugin@2.1.5 requires a peer of html-webpack-plugin@^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN jrs_rms@3.8.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.1 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 6 packages from 11 contributors in 10.619s
44 packages are looking for funding
run `npm fund` for details
后記:
node-sass 指定從淘寶源下載的兩種方式:
# 指定 node-sass 全局鏡像源
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
# 直接使用 cnpm 安裝,默認安裝源均為淘寶源
cnpm install node-sass
# 項目根目錄創建.npmrc文件指定安裝源,文件內容如下
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
若 node-sass 下載失敗,但已存在相應的文件夾,則需要在重新安裝前刪除目錄或卸載,卸載命令如下
npm uninstall node-sass