node-sass 최신버전 깔았을시 이런 에러가 떠요

[이진형]

좀전에 올린 게시자입니다. 최신버전으로 업로드시 에러가나서 1.4버전으로 깔았던건데.....최신버전 깔았을시 이런 에러가 떠요

Failed to compile
./src/Detail.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/Detail.scss)
Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0.
This error occurred during the build time and cannot be dismissed.

[codingapple]

node-sass와 sass-loader 버전이 맨날 충돌하는데

그래서 https://github.com/sass/node-sass/issues/3103 이걸 따라해주시거나

4.14버전을 쓰면 보통 해결됩니다 4.14버전 설치시 뜨는 에러는 어떤에러인지 터미널 에러 전부 좀 복붙해주십시오 

[이진형]

이전게시글이 제가 오린건데요.

4.14버전 설치시 에러화면입니다.

[codingapple]

에러가 밑에부분만 보이는거같은데 전부 복붙좀 해주십시오 

[이진형]

PS E:\react\shop> yarn add node-sass@4.14.1
yarn add v1.22.10
[1/4] Resolving packages...
warning node-sass > node-gyp > request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
[2/4] Fetching packages...
info fsevents@2.3.2: The platform "win32" is incompatible with this module.
info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@1.2.13: The platform "win32" is incompatible with this module.
info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > @testing-library/user-event@12.8.3" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning " > bootstrap@4.6.0" has unmet peer dependency "jquery@1.9.1 - 3".
warning " > bootstrap@4.6.0" has unmet peer dependency "popper.js@^1.16.1".
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.20.0" has unmet peer dependency "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".
warning " > styled-components@5.3.0" has unmet peer dependency "react-is@>= 16.8.0".
[4/4] Building fresh packages...
error E:\react\shop\node_modules\node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: E:\react\shop\node_modules\node-sass
Output:
Building: C:\Program Files\nodejs\node.exe E:\react\shop\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 'C:\\Program Files\\nodejs\\node.exe',
gyp verb cli 'E:\\react\\shop\\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@3.8.0
gyp info using node@16.2.0 | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (E:\react\shop\node_modules\which\which.js:13:12)
gyp verb which failed at F (E:\react\shop\node_modules\which\which.js:68:19)
gyp verb which failed at E (E:\react\shop\node_modules\which\which.js:80:29)
gyp verb which failed at E:\react\shop\node_modules\which\which.js:89:16
gyp verb which failed at E:\react\shop\node_modules\isexe\index.js:42:5
gyp verb which failed at E:\react\shop\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:194:21)
gyp verb which failed python2 Error: not found: python2
gyp verb which failed at getNotFoundError (E:\react\shop\node_modules\which\which.js:13:12)
gyp verb which failed at F (E:\react\shop\node_modules\which\which.js:68:19)
gyp verb which failed at E (E:\react\shop\node_modules\which\which.js:80:29)
gyp verb which failed at E:\react\shop\node_modules\which\which.js:89:16
gyp verb which failed at E:\react\shop\node_modules\isexe\index.js:42:5
gyp verb which failed at E:\react\shop\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:194:21) {
gyp verb which failed code: 'ENOENT'
gyp verb which failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which succeeded python C:\Python27\python.EXE
gyp verb check python version `C:\Python27\python.EXE -c "import sys; print "2.7.18
gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j
gyp verb get node dir no --target version specified, falling back to host node version: 16.2.0
gyp verb command install [ '16.2.0' ]
gyp verb install input version string "16.2.0"
gyp verb install installing version: 16.2.0
gyp verb install --ensure was passed, so won't reinstall if already installed
gyp verb install version is already installed, need to check "installVersion"
gyp verb got "installVersion" 9
gyp verb needs "installVersion" 9
gyp verb install version is good
gyp verb get node dir target node version installed: 16.2.0
gyp verb build dir attempting to create "build" dir: E:\react\shop\node_modules\node-sass\build
gyp verb build dir "build" dir needed to be created? E:\react\shop\node_modules\node-sass\build
gyp verb Not using VS2017: Could not use PowerShell to find VS2017
gyp verb build/config.gypi creating config file
gyp verb build/config.gypi writing out config file: E:\react\shop\node_modules\node-sass\build\config.gypi
(node:26148) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
(Use node --trace-deprecation ... to show where the warning was created)
gyp verb config.gypi checking for gypi file: E:\react\shop\node_modules\node-sass\config.gypi
gyp verb common.gypi checking for gypi file: E:\react\shop\node_modules\node-sass\common.gypi
gyp verb gyp gyp format was not specified; forcing "msvs"
gyp info spawn C:\Python27\python.EXE
gyp info spawn args [
gyp info spawn args 'E:\\react\\shop\\node_modules\\node-gyp\\gyp\\gyp_main.py',
gyp info spawn args 'binding.gyp',
gyp info spawn args '-f',
gyp info spawn args 'msvs',
gyp info spawn args '-G',
gyp info spawn args 'msvs_version=auto',
gyp info spawn args '-I',
gyp info spawn args 'E:\\react\\shop\\node_modules\\node-sass\\build\\config.gypi',
gyp info spawn args '-I',
gyp info spawn args 'E:\\react\\shop\\node_modules\\node-gyp\\addon.gypi',
gyp info spawn args '-I',
gyp info spawn args 'C:\\Users\\smtcube_2\\.node-gyp\\16.2.0\\include\\node\\common.gypi',
gyp info spawn args '-Dlibrary=shared_library',
gyp info spawn args '-Dvisibility=default',
gyp info spawn args '-Dnode_root_dir=C:\\Users\\smtcube_2\\.node-gyp\\16.2.0',
gyp info spawn args '-Dnode_gyp_dir=E:\\react\\shop\\node_modules\\node-gyp',
gyp info spawn args '-Dnode_lib_file=C:\\Users\\smtcube_2\\.node-gyp\\16.2.0\\<(target_arch)\\node.lib',
gyp info spawn args '-Dmodule_root_dir=E:\\react\\shop\\node_modules\\node-sass',
gyp info spawn args '-Dnode_engine=v8',
gyp info spawn args '--depth=.',
gyp info spawn args '--no-parallel',
gyp info spawn args '--generator-output',
gyp info spawn args 'E:\\react\\shop\\node_modules\\node-sass\\build',
gyp info spawn args '-Goutput_dir=.'
gyp info spawn args ]
Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
gyp verb command build []
gyp verb build type Release
gyp verb architecture x64
gyp verb node dev dir C:\Users\smtcube_2\.node-gyp\16.2.0
gyp verb found first Solution file build/binding.sln
gyp verb could not find "msbuild.exe" in PATH - finding location in registry
gyp info spawn C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe
gyp info spawn args [
gyp info spawn args 'build/binding.sln',
gyp info spawn args '/nologo',
gyp info spawn args '/p:Configuration=Release;Platform=x64'
gyp info spawn args ]
�� �ַ���� ������Ʈ�� �� ���� �ϳ��� �����մϴ�. ���� ���带 ����Ϸ��� "/m" ����ġ�� �߰��Ͻʽÿ�.
���� ����: 2021-06-04 ���� 10:33:48
1 ����� "E:\react\shop\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) �ش� ���� ��Ұ� �ٸ� ��ġ�� ��ġ�Ǿ� �ִ� ��쿡�
� �� ��ġ�� �ý��� ��ο� �߰��Ͻʽÿ�. [E:\react\shop\node_modules\node-sass\build\binding.sln]
"E:\react\shop\node_modules\node-sass\build\binding.sln" ������Ʈ�� �����߽��ϴ�(�⺻ ���). - ����

�������� ���߽��ϴ�.

"E:\react\shop\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) �ش� ���� ��Ұ� �ٸ� ��ġ�� ��ġ�Ǿ� �ִ� ��
쿡�� �� ��ġ�� �ý��� ��ο� �߰��Ͻʽÿ�. [E:\react\shop\node_modules\node-sass\build\binding.sln]

��� 0��
���� 1��

��� �ð�: 00:00:00.66
gyp ERR! build error
gyp ERR! stack Error: C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe failed with exit code: 1
gyp ERR! stack at ChildProcess.onExit (E:\react\shop\node_modules\node-gyp\lib\build.js:262:23)
gyp ERR! stack at ChildProcess.emit (node:events:365:28)
gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
gyp ERR! System Windows_NT 10.0.19041
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "E:\\react\\shop\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd E:\react\shop\node_modules\node-sass
gyp ERR! node -v v16.2.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

[codingapple]

이렇게 따라합시다 

nodejs 14버전을 쓴다면 node-sass 지웠다가 4.14버전으로 설치하면 끝입니다. 

지우는건 npm uninstall node-sass 혹은 yarn remove node-sass 입니다. 

설치는 npm install node-sass@4.14.1 이렇게 하면 될듯요

 

nodejs 16버전 이상을 쓴다면 

npm uninstall node-sass 이걸로 설치했던거 지우고 

1. npm install node-sass 혹은 yarn add node-sass로 6버전 설치해주시고 

2. 프로젝트 폴더 내에 node_modules 폴더, yarn.lock, package-lock.json 보이는걸 다 삭제하시고 

3. 터미널에서 yarn install 혹은 npm install로 node_modules 폴더 재설치 해주시면 잘 되는듯요 

 

윈도우에서 python 2 버전 어쩌구 없다는 에러는

npm install --global windows-build-tools 이거 입력해보면 됩니다 아니면 직접 파이썬 2.7 설치하는 것도요 

[글쓴이]

글