angular-university / reactive-angular-course Goto Github PK

Hi Geeks,

When I am trying to run npm install in the cloned repo showing the below warning

npm WARN EBADENGINE Unsupported engine { npm WARN EBADENGINE package: '[email protected]', npm WARN EBADENGINE required: { node: '0.10 || 0.12 || 4 || 5 || 6' }, npm WARN EBADENGINE current: { node: 'v16.17.0', npm: '8.19.2' } npm WARN EBADENGINE }

What to do Next ??

WebStorm has detected errors in search-lessons.route.ts file and unable to run "npm run server" because of this. Appreciate if you please advise how to resolve following errors:

Error:(13, 27) TS2345: Argument of type 'string | ParsedQs | string[] | ParsedQs[]' is not assignable to parameter of type 'string'.
Type 'ParsedQs' is not assignable to type 'string'.
Error:(14, 25) TS2345: Argument of type 'string | ParsedQs | string[] | ParsedQs[]' is not assignable to parameter of type 'string'.
Type 'ParsedQs' is not assignable to type 'string'.
Error:(19, 55) TS2367: This condition will always return 'false' since the types 'number' and 'string | ParsedQs | string[] | ParsedQs[]' have no overlap.
Error:(25, 94) TS2339: Property 'toLowerCase' does not exist on type 'string | ParsedQs | string[] | ParsedQs[]'.
Property 'toLowerCase' does not exist on type 'string[]'.
Information:Cannot find parent 'tsconfig.json'

Regards

[webpack-dev-server] [HPM] Error occurred while proxying request localhost:56652/api/courses to http://localhost:9000/ [ECONNREFUSED] (https://nodejs.org/api/errors.html#errors_common_system_errors)

give me that error how to fix it

On

this.http.get<{payload: Course[]}>

so you need to to do additional casting with

map(res => res.payload)

and it would already have the correct type.

Same goes for all the other HTTP requests.

tap(()=>this.coursesChanged.emit())).subscribe(); -> not compiling and angular crashes with this error
ERROR in ./node_modules/blocking-proxy/built/lib/client.js 7:12-26

Module not found: Error: Can't resolve 'url' in '/Users/venkateshmuddu/development/ontologyx-dev/angular-university/reactive-angular-course/node_modules/blocking-proxy/built/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
- install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "url": false }

ERROR in ./node_modules/blocking-proxy/built/lib/simple_webdriver_client.js 6:13-28

Module not found: Error: Can't resolve 'http' in '/Users/venkateshmuddu/development/ontologyx-dev/angular-university/reactive-angular-course/node_modules/blocking-proxy/built/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "http": require.resolve("stream-http") }'
- install 'stream-http'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "http": false }

ERROR in ./node_modules/blocking-proxy/built/lib/simple_webdriver_client.js 7:12-26

Module not found: Error: Can't resolve 'url' in '/Users/venkateshmuddu/development/ontologyx-dev/angular-university/reactive-angular-course/node_modules/blocking-proxy/built/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
- install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "url": false }

ERROR in ./node_modules/blocking-proxy/built/lib/webdriver_logger.js 6:11-24

Module not found: Error: Can't resolve 'fs' in '/Users/venkateshmuddu/development/ontologyx-dev/angular-university/reactive-angular-course/node_modules/blocking-proxy/built/lib'

ERROR in ./node_modules/blocking-proxy/built/lib/webdriver_logger.js 7:13-28

Module not found: Error: Can't resolve 'path' in '/Users/venkateshmuddu/development/ontologyx-dev/angular-university/reactive-angular-course/node_modules/blocking-proxy/built/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
- install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "path": false }

On the 1-start branch I get the following error when running 'npm start' for the very first time (Master branch compiles alright):

Error: src/app/app.module.ts:79:3 - error TS2345: Argument of type '{ declarations: (typeof CourseDialogComponent | typeof HomeComponent | typeof CourseComponent | typeof LoginComponent | typeof LessonComponent | typeof SafeUrlPipe)[]; imports: (typeof BrowserModule | typeof AppRoutingModule)[]; providers: undefined[]; bootstrap: (typeof AppComponent)[]; entryComponents: (typeof Cou...' is not assignable to parameter of type 'NgModule'.
Object literal may only specify known properties, and 'entryComponents' does not exist in type 'NgModule'.

79 entryComponents: [CourseDialogComponent]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 This seems to resolve itself when you comment out line 79 from app.module.ts

I came across this issue while running this project. I am running on windows and have all the latest dependencies, still I am facing this issue, however on mac it is working fine. Can anyone please help me with that?

$ npm run server

[email protected] server
./node_modules/.bin/ts-node -P ./server/server.tsconfig.json ./server/server.ts

'.' is not recognized as an internal or external command,
operable program or batch file.

Can anyone please help me. I am stucked herer.

C:\Users\home>cd 3-services

C:\Users\home\3-services>cd 3-services

the npm run server command is not working
C:\Users\home\3-services\3-services>npm run server

[email protected] server
./node_modules/.bin/ts-node -P ./server.tsconfig.json ./server.ts

'.' is not recognized as an internal or external command,
operable program or batch file.

C:\Users\home\3-services\3-services>

I was following your course and I faced a problem. When creating loading component using completely reactive pattern, I get the "ExpressionChangedAfterItHasBeenCheckedError" error. I have reproduced the error in here.

I think it's an angular bug. What do you think?

I have just started the course, and when I try to run the command "npm run server", I get the following error...

D:\Ian\Documents\coding\angular\reactive-angular-course>npm run server

[email protected] server D:\Ian\Documents\coding\angular\reactive-angular-course
ts-node -P ./server/server.tsconfig.json ./server/server.ts

D:\Ian\Documents\coding\angular\reactive-angular-course\node_modules\ts-node\src\index.ts:307
throw new TSError(formatDiagnostics(diagnosticList, cwd, ts, lineOffset))
^
TSError: ⨯ Unable to compile TypeScript
server\search-lessons.route.ts (17,33): Argument of type 'string | ParsedQs | string[] | ParsedQs[]' is not assignable to parameter of type 'string'.
Type 'ParsedQs' is not assignable to type 'string'. (2345)
server\search-lessons.route.ts (18,31): Argument of type 'string | ParsedQs | string[] | ParsedQs[]' is not assignable to parameter of type 'string'.
Type 'ParsedQs' is not assignable to type 'string'. (2345)
server\search-lessons.route.ts (23,59): This condition will always return 'false' since the types 'number' and 'string | ParsedQs | string[] | ParsedQs[]' have no overlap. (2367)
server\search-lessons.route.ts (30,97): Property 'toLowerCase' does not exist on type 'string | ParsedQs | string[] | ParsedQs[]'.
Property 'toLowerCase' does not exist on type 'string[]'. (2339)
at getOutput (D:\Ian\Documents\coding\angular\reactive-angular-course\node_modules\ts-node\src\index.ts:307:15)
at D:\Ian\Documents\coding\angular\reactive-angular-course\node_modules\ts-node\src\index.ts:336:16
at Object.compile (D:\Ian\Documents\coding\angular\reactive-angular-course\node_modules\ts-node\src\index.ts:496:11)
at Module.m._compile (D:\Ian\Documents\coding\angular\reactive-angular-course\node_modules\ts-node\src\index.ts:392:43)
at Module._extensions..js (internal/modules/cjs/loader.js:787:10)
at Object.require.extensions.(anonymous function) [as .ts] (D:\Ian\Documents\coding\angular\reactive-angular-course\node_modules\ts-node\src\index.ts:395:12)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:690:17)

npm ERR! Windows_NT 10.0.19041
npm ERR! argv "D:\Program Files\nodejs\node.exe" "C:\Users\Ian\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "server"
npm ERR! node v10.16.0
npm ERR! npm v4.0.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] server: ts-node -P ./server/server.tsconfig.json ./server/server.ts
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] server script 'ts-node -P ./server/server.tsconfig.json ./server/server.ts'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the reactive-angular-course package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! ts-node -P ./server/server.tsconfig.json ./server/server.ts
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs reactive-angular-course
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls reactive-angular-course
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! D:\Ian\Documents\coding\angular\reactive-angular-course\npm-debug.log

Project in angujar.json folder is named "angular-material-course", also there is another project entry called "angular-material-course-e2e", because of that, new components cannot be created with CLI.
Projects in angular.json file needs to be configured.