bradtraversy / angularfs Goto Github PK

npm i fails on Centos 8 with
npm ERR! [email protected] install: node-pre-gyp install --fallback-to-build --library=static_library
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
...
npm ERR! [email protected] install: node-pre-gyp install --fallback-to-build --library=static_library
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
...
compilation terminated.
make: *** [grpc.target.mk:405: Release/obj.target/grpc/deps/grpc/src/core/ext/transport/chttp2/transport/chttp2_transport.o] Error 1
make: Leaving directory '/mnt/usb-1t/projects/angularfs/node_modules/grpc/build'
gyp ERR! build error
gyp ERR! stack Error: make failed with exit code: 2
gyp ERR! stack at ChildProcess.onExit (/home/tonydiep/.n/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)
gyp ERR! stack at ChildProcess.emit (events.js:210:5)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Linux 4.18.0-80.11.2.el8_0.x86_64
gyp ERR! command "/home/tonydiep/.n/bin/node" "/home/tonydiep/.n/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "build" "--fallback-to-build" "--library=static_library" "--module=/mnt/usb-1t/projects/angularfs/node_modules/grpc/src/node/extension_binary/node-v72-linux-x64-glibc/grpc_node.node" "--module_name=grpc_node" "--module_path=/mnt/usb-1t/projects/angularfs/node_modules/grpc/src/node/extension_binary/node-v72-linux-x64-glibc"
gyp ERR! cwd /mnt/usb-1t/projects/angularfs/node_modules/grpc
gyp ERR! node -v v12.13.0
gyp ERR! node-gyp -v v5.0.5
gyp ERR! not ok

If I navigate to another screen where the items component is not visible and return to items component the list is empty.

I just downloaded and ran npm i then replaced firebase config in environment.ts.
When i ng serve this error showing up

ERROR Error: projectId must be a string in FirebaseApp.options
at new FirestoreError (http://localhost:4200/vendor.bundle.js:16479:28)
at Function.webpackJsonp.../../../../@firebase/firestore/dist/esm/src/api/database.js.Firestore.databaseIdFromApp (http://localhost:4200/vendor.bundle.js:1094:19)
at new Firestore (http://localhost:4200/vendor.bundle.js:1001:43)
at Object.firestore (http://localhost:4200/vendor.bundle.js:12319:76)
at FirebaseAppImpl.webpackJsonp.../../../../@firebase/app/dist/esm/src/firebaseApp.js.FirebaseAppImpl._getService (http://localhost:4200/vendor.bundle.js:157:66)
at FirebaseAppImpl.(anonymous function) [as firestore] (http://localhost:4200/vendor.bundle.js:344:31)
at new AngularFirestore (http://localhost:4200/vendor.bundle.js:20494:30)
at _getAngularFirestore (http://localhost:4200/vendor.bundle.js:20542:12)
at _callFactory (http://localhost:4200/vendor.bundle.js:77527:20)
at _createProviderInstance$1 (http://localhost:4200/vendor.bundle.js:77477:26)

https://stackoverflow.com/questions/47149153/didnt-get-output-from-angular-cloud-firestore-using-routerlink

ERROR in Error: Metadata version mismatch for module C:/www/angularfs/node_modules/angularfire2/index.d.ts, found version 4, expected 3, resolving symbol AppModule in C:/www/angularfs/src/app/app.module.ts, resolving symbol AppModule in C:/www/angularfs/src/app/app.mo
dule.ts, resolving symbol AppModule in C:/www/angularfs/src/app/app.module.ts
at syntaxError (C:\www\angularfs\node_modules@angular\compiler\bundles\compiler.umd.js:1729:34)
at simplifyInContext (C:\www\angularfs\node_modules@angular\compiler\bundles\compiler.umd.js:24979:23)
at StaticReflector.simplify (C:\www\angularfs\node_modules@angular\compiler\bundles\compiler.umd.js:24991:13)
at StaticReflector.annotations (C:\www\angularfs\node_modules@angular\compiler\bundles\compiler.umd.js:24418:41)
at _getNgModuleMetadata (C:\www\angularfs\node_modules@angular\compiler-cli\src\ngtools_impl.js:138:31)
at _extractLazyRoutesFromStaticModule (C:\www\angularfs\node_modules@angular\compiler-cli\src\ngtools_impl.js:109:26)
at Object.listLazyRoutesOfModule (C:\www\angularfs\node_modules@angular\compiler-cli\src\ngtools_impl.js:53:22)
at Function.NgTools_InternalApi_NG_2.listLazyRoutes (C:\www\angularfs\node_modules@angular\compiler-cli\src\ngtools_api.js:91:39)
at AotPlugin._getLazyRoutesFromNgtools (C:\www\angularfs\node_modules@ngtools\webpack\src\plugin.js:212:44)
at _donePromise.Promise.resolve.then.then.then.then.then (C:\www\angularfs\node_modules@ngtools\webpack\src\plugin.js:448:24)
at
at process._tickCallback (internal/process/next_tick.js:188:7)

webpack: Failed to compile.

npm -v
5.5.1
node -v
v8.9.0