packtpublishing / asp.net-core-5-and-angular Goto Github PK
View Code? Open in Web Editor NEWCode Repository for the Book ASP.NET Core 5 and Angular 11 by Valerio De Sanctis, Published by Packt.
License: MIT License
Code Repository for the Book ASP.NET Core 5 and Angular 11 by Valerio De Sanctis, Published by Packt.
License: MIT License
Hello, this issue I'm refering to is about the filtering of the tables. The filtering capability works well until you delete the content of your filterQuery input field. For example, I searched "Tom", when I delete Tom the table doesn't show all the records again. If you look at the value of the filterQuery when the input field is empty, after deleting it content, you can see it is "T". In other words the input field value remains the first letter of whatever I put in it, in this case the letter "T" even when it's empty. So obviously the table will never show all the records when you completely delete the input field.
Could you please tell me how to make the input field get a null value when I delete all of it content?
An unhandled exception occurred while processing the request.
AggregateException: One or more errors occurred. (One or more errors occurred. (The npm script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR.
(node:24432) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use node --trace-deprecation ...
to show where the warning was created)
node:internal/crypto/hash:67
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:67:19)
at Object.createHash (node:crypto:130:10)
at module.exports (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:417:16)
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:452:10
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:323:13
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:203:19
at VirtualFileSystemDecorator.readFile (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules@ngtools\webpack\src\virtual_file_system_decorator.js:48:13)
at processResource (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:202:11)
at iteratePitchingLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:158:10)
at runLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:365:2)
at NormalModule.doBuild (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:295:3)
at NormalModule.build (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:446:15)
at Compilation.buildModule (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:739:10)
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:981:14 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v17.0.1
))
System.Threading.Tasks.Task.GetResultCore(bool waitCompletionNotification)
InvalidOperationException: The npm script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR.
(node:24432) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use node --trace-deprecation ...
to show where the warning was created)
node:internal/crypto/hash:67
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:67:19)
at Object.createHash (node:crypto:130:10)
at module.exports (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:417:16)
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:452:10
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:323:13
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:203:19
at VirtualFileSystemDecorator.readFile (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules@ngtools\webpack\src\virtual_file_system_decorator.js:48:13)
at processResource (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:202:11)
at iteratePitchingLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:158:10)
at runLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:365:2)
at NormalModule.doBuild (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:295:3)
at NormalModule.build (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:446:15)
at Compilation.buildModule (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:739:10)
at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:981:14 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v17.0.1
Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.StartAngularCliServerAsync(string sourcePath, string scriptName, string pkgManagerCommand, int portNumber, ILogger logger, DiagnosticSource diagnosticSource, CancellationToken applicationStoppingToken)
Stack Query Cookies Headers Routing
AggregateException: One or more errors occurred. (One or more errors occurred. (The npm script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR. - Generating browser application bundles... (node:24432) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated. (Use node --trace-deprecation ...
to show where the warning was created) node:internal/crypto/hash:67 this[kHandle] = new _Hash(algorithm, xofLen); ^ Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:130:10) at module.exports (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:417:16) at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:452:10 at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:323:13 at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:367:11 at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:203:19 at VirtualFileSystemDecorator.readFile (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules@ngtools\webpack\src\virtual_file_system_decorator.js:48:13) at processResource (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:202:11) at iteratePitchingLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:158:10) at runLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:365:2) at NormalModule.doBuild (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:295:3) at NormalModule.build (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:446:15) at Compilation.buildModule (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:739:10) at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:981:14 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } Node.js v17.0.1 ))
System.Threading.Tasks.Task.GetResultCore(bool waitCompletionNotification)
System.Threading.Tasks.Task.get_Result()
Microsoft.AspNetCore.SpaServices.Extensions.Util.TaskTimeoutExtensions.WithTimeout(Task task, TimeSpan timeoutDelay, string message)
Microsoft.AspNetCore.SpaServices.Extensions.Proxy.SpaProxy.PerformProxyRequest(HttpContext context, HttpClient httpClient, Task baseUriTask, CancellationToken applicationStoppingToken, bool proxy404s)
Microsoft.AspNetCore.Builder.SpaProxyingExtensions+<>c__DisplayClass2_0+<b__0>d.MoveNext()
Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware.Invoke(HttpContext context)
Show raw exception details
InvalidOperationException: The npm script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR. - Generating browser application bundles... (node:24432) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated. (Use node --trace-deprecation ...
to show where the warning was created) node:internal/crypto/hash:67 this[kHandle] = new _Hash(algorithm, xofLen); ^ Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:130:10) at module.exports (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:417:16) at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:452:10 at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:323:13 at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:367:11 at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:203:19 at VirtualFileSystemDecorator.readFile (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules@ngtools\webpack\src\virtual_file_system_decorator.js:48:13) at processResource (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:202:11) at iteratePitchingLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:158:10) at runLoaders (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\loader-runner\lib\LoaderRunner.js:365:2) at NormalModule.doBuild (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:295:3) at NormalModule.build (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\NormalModule.js:446:15) at Compilation.buildModule (C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:739:10) at C:\Users\christos.katsikas\Desktop\Training_Projects.Net\Asp.Net_5_and_Angular_11\HealthCheck\ClientApp\node_modules\webpack\lib\Compilation.js:981:14 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } Node.js v17.0.1
Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.StartAngularCliServerAsync(string sourcePath, string scriptName, string pkgManagerCommand, int portNumber, ILogger logger, DiagnosticSource diagnosticSource, CancellationToken applicationStoppingToken)
Show raw exception details
Angular material table not showing when filter return to empty.
Upon creating a new sample app from 'dotnet new angular -o HealthCheck' or using 'ng new HealthCheck', the karma tests do not work. I have tried to my wits end to figure out the exact issue but to no avail. I have downloaded and used the repo project here and it produces the exact behavior.
WARN [karma]: No captured browser, open http://localhost:9876/
This repeats 3 times until you have to cancel the jobs.
It appears that there is an optional Peer Dependency that cannot be resolved.
The repo here uses "karma": "^5.2.3" which has the optional Peer Dependency of karma@"~5.1.0"
Does anyone know what the solution to this issue is?
I'm able to run everything fine from the repo with the exception of the testing.
E:\Projects\HealthCheck\HealthCheck>ng test
\ Generating browser application bundles (phase: building)...31 07 2021 15:18:24.394:WARN [karma]: No captured browser, open http://localhost:9876/
31 07 2021 15:18:24.445:INFO [karma-server]: Karma v6.3.4 server started at http://localhost:9876/
31 07 2021 15:18:24.446:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
31 07 2021 15:18:24.465:INFO [launcher]: Starting browser Chrome
โ Browser application bundle generation complete.
31 07 2021 15:18:31.770:WARN [karma]: No captured browser, open http://localhost:9876/
31 07 2021 15:18:37.099:ERROR [launcher]: Cannot start Chrome
[21308:4812:0731/151830.162:ERROR:usb_descriptors.cc(160)] Device descriptor parsing error.
[21308:4812:0731/151830.162:ERROR:device_event_log_impl.cc(214)] [15:18:30.162] USB: usb_device_win.cc:93 Failed to read descriptors from \?\usb_asmedia#vid_0bc2&pid_231c#na8a1trq#{a5dcbf10-6530-11d2-901f-00c04fb951ed}.
[21308:4812:0731/151830.168:ERROR:usb_descriptors.cc(160)] Device descriptor parsing error.
[21308:4812:0731/151830.168:ERROR:device_event_log_impl.cc(214)] [15:18:30.169] USB: usb_device_win.cc:93 Failed to read descriptors from \?\usb#vid_1532&pid_022b#6&9800be5&0&4#{a5dcbf10-6530-11d2-901f-00c04fb951ed}.
[21308:4812:0731/151830.175:ERROR:device_event_log_impl.cc(214)] [15:18:30.175] Bluetooth: bluetooth_adapter_winrt.cc:1073 Getting Default Adapter failed.
31 07 2021 15:18:37.103:ERROR [launcher]: Chrome stdout:
31 07 2021 15:18:37.105:ERROR [launcher]: Chrome stderr: [21308:4812:0731/151830.162:ERROR:usb_descriptors.cc(160)] Device descriptor parsing error.
[21308:4812:0731/151830.162:ERROR:device_event_log_impl.cc(214)] [15:18:30.162] USB: usb_device_win.cc:93 Failed to read descriptors from \?\usb_asmedia#vid_0bc2&pid_231c#na8a1trq#{a5dcbf10-6530-11d2-901f-00c04fb951ed}.
[21308:4812:0731/151830.168:ERROR:usb_descriptors.cc(160)] Device descriptor parsing error.
[21308:4812:0731/151830.168:ERROR:device_event_log_impl.cc(214)] [15:18:30.169] USB: usb_device_win.cc:93 Failed to read descriptors from \?\usb#vid_1532&pid_022b#6&9800be5&0&4#{a5dcbf10-6530-11d2-901f-00c04fb951ed}.
[21308:4812:0731/151830.175:ERROR:device_event_log_impl.cc(214)] [15:18:30.175] Bluetooth: bluetooth_adapter_winrt.cc:1073 Getting Default Adapter failed.
31 07 2021 15:18:37.150:INFO [launcher]: Trying to start Chrome again (1/2).
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.