zhangmyihua / graphql-lesson Goto Github PK

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 (C:\Users\andria\Desktop\graphql-lesson-master\node_modules\node-gyp\lib\build.js:262:23)
gyp ERR! stack at ChildProcess.emit (node:events:390:28)
gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
gyp ERR! System Windows_NT 10.0.19042
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\andria\Desktop\graphql-lesson-master\node_modules\node-gyp\bin\node-gyp.js" "build" "--fallback-to-build" "--library=static_library" "--module=C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node" "--module_name=grpc_node" "--module_path=C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown" "--napi_version=8" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v93"
gyp ERR! cwd C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc
gyp ERR! node -v v16.13.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
node-pre-gyp ERR! build error
node-pre-gyp ERR! stack Error: Failed to execute 'C:\Program Files\nodejs\node.exe C:\Users\andria\Desktop\graphql-lesson-master\node_modules\node-gyp\bin\node-gyp.js build --fallback-to-build --library=static_library --module=C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v93' (1)
node-pre-gyp ERR! stack at ChildProcess. (C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\node_modules\node-pre-gyp\lib\util\compile.js:83:29)
node-pre-gyp ERR! stack at ChildProcess.emit (node:events:390:28)
node-pre-gyp ERR! stack at maybeClose (node:internal/child_process:1064:16)
node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)
node-pre-gyp ERR! System Windows_NT 10.0.19042
node-pre-gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\node_modules\node-pre-gyp\bin\node-pre-gyp" "install" "--fallback-to-build" "--library=static_library"
node-pre-gyp ERR! cwd C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc
node-pre-gyp ERR! node -v v16.13.0
node-pre-gyp ERR! node-pre-gyp -v v0.13.0
node-pre-gyp ERR! not ok
Failed to execute 'C:\Program Files\nodejs\node.exe C:\Users\andria\Desktop\graphql-lesson-master\node_modules\node-gyp\bin\node-gyp.js
build --fallback-to-build --library=static_library --module=C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=C:\Users\andria\Desktop\graphql-lesson-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown --napi_version=8 --node_abi_napi=napi --napi_build_version=0

error C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\node-sass
Output:
Building: C:\Program Files\nodejs\node.exe C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\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 'C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\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 [email protected]
gyp info using [email protected] | 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 (C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (fs.js:176:21)
gyp verb which failed python2 Error: not found: python2
gyp verb which failed at getNotFoundError (C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:13:12)
gyp verb which failed at F (C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:68:19)
gyp verb which failed at E (C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:80:29)
gyp verb which failed at C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\which\which.js:89:16
gyp verb which failed at C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\isexe\index.js:42:5
gyp verb which failed at C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (fs.js:176: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:\Python38\python.EXE
gyp ERR! configure error
gyp ERR! stack Error: Command failed: C:\Python38\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack File "", line 1
gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack ^
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack at ChildProcess.exithandler (child_process.js:308:12)
gyp ERR! stack at ChildProcess.emit (events.js:314:20)
gyp ERR! stack at maybeClose (internal/child_process.js:1051:16)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5)
gyp ERR! System Windows_NT 10.0.17763
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\Admin\Desktop\React_VSG\graphql-crwn-clothing\node_modules\node-sass
gyp ERR! node -v v14.5.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok

Use this one in package.json
{
"name": "crwn-clothing",
"version": "0.1.0",
"proxy": "http://localhost:5000",
"private": true,
"dependencies": {
"firebase": "^9.4.1",
"node-sass": "^6.0.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-redux": "^7.2.4",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.3",
"react-stripe-checkout": "^2.6.3",
"redux": "^4.1.0",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0",
"reselect": "^4.0.0"
},
"devDependencies": {
"react-scripts": "4.0.3"
},
"resolutions": {
"babel-jest": "24.7.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}

import firebase in firebase.js through the below way

import firebase from 'firebase/compat/app';
import 'firebase/compat/firestore';
import 'firebase/compat/auth';

Then it should works fine.

React Apollo's higher order components have been deprecated. They will continue to receive bug fixes until March 2020, after which they will no longer be maintained by Apollo.

https://www.apollographql.com/docs/react/api/react/hoc/#graphqlquery-configcomponent

So the 2-nd part of this lesson is not actual anymore.

Hi Yihua mmm i ran into a problem, well i guess with the versions that i have in my package.json i keep running into the error data is undefined, even tried using Hooks but i can't seem to crack it.