Giter Club home page Giter Club logo

asp.net-core-5-and-angular's Issues

filterQuery never goes to null

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?

Chapter 2: Exception when i start the app with F5

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.

  • 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)

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)

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 Testing with karma and jasmine

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).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.