FirstPage - athmasoft/.NET-CORE_Angular GitHub Wiki

Creating an Angular 7 App With ASP.NET Core: A Step-by-Step Guide

creating Angular 7 applications with ASP.NET Core SPA temp*late. For Updating CLI Version, npm i -g @angular/cli Once CORE is installed try to change the clientApp with the below command, ng new ClientApp (It will be created with latest version of Angular)

Now we are set to use the Angular Site
What error I got when I compiled,

An unhandled exception occurred while processing the request.

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.Routing.EndpointMiddleware.Invoke(HttpContext httpContext) Microsoft.AspNetCore.Routing.EndpointRoutingMiddleware.Invoke(HttpContext httpContext) Microsoft.AspNetCore.StaticFiles.StaticFileMiddleware.Invoke(HttpContext context) Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware.Invoke(HttpContext context)

Want to fix it We have to directly run from the src/app/.html files and it will hopefully run fine as it ran for me successfully. For running it through localhost follow the below steps,

Trying out from the below link, https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-2.2&tabs=netcore-cli

npm start from ClientApp Folder through Command Prompt and the below was the result,

C:\Users\inpraghava.ADHARMAN\source\repos\Angula7App\Angula7App\ClientApp>npm st art

[email protected] start C:\Users\inpraghava.ADHARMAN\source\repos\Angula7App\An gula7App\ClientApp ng serve

** Angular Live Development Server is listening on localhost:4200, open your bro wser on http://localhost:4200/ ** 30% building 99/100 modules 1 active ...\rxjs_esm5\internal\observable\from.js 30% building 100/101 modules 1 active ...s_esm5\internal\observable\forkJoin.j 30% building 101/102 modules 1 active ...internal\observable\fromEventPattern.j 30% building 102/103 modules 1 active ..._esm5\internal\observable\fromEvent.j 30% building 103/104 modules 1 active ...s_esm5\internal\observable\generate.j 30% building 104/105 modules 1 active ...s\rxjs_esm5\internal\observable\iif.j 30% building 105/106 modules 1 active ...s_esm5\internal\observable\interval.j 30% building 106/107 modules 1 active ...rxjs_esm5\internal\observable\merge.j 30% building 107/108 modules 1 active ...es\rxjs_esm5\internal\observable\of.j 30% building 108/109 modules 1 active ...rxjs_esm5\internal\observable\never.j 30% building 109/110 modules 1 active ...rxjs_esm5\internal\observable\pairs.j 30% building 110/111 modules 1 active ...nternal\observable\onErrorResumeNext.j 30% building 111/112 modules 1 active ...\rxjs_esm5\internal\observable\race.j 30% building 112/113 modules 1 active ...rxjs_esm5\internal\observable\range.j 30% building 113/114 modules 1 active ..._esm5\internal\observable\throwError.j 30% building 114/115 modules 1 active ...rxjs_esm5\internal\observable\timer.j 30% building 115/116 modules 1 active ...rxjs_esm5\internal\observable\using.j 30% building 116/117 modules 1 active ...s\rxjs_esm5\internal\observable\zip.j 30% building 117/118 modules 1 active ...odules\rxjs_esm5\internal\util\noop.j 30% building 118/119 modules 1 active ...odules\rxjs_esm5\internal\util\pipe.j 30% building 119/120 modules 1 active ...\rxjs_esm5\internal\util\EmptyError.j 30% building 120/121 modules 1 active ...nternal\util\ArgumentOutOfRangeError.j 30% building 121/122 modules 1 active ...xjs_esm5\internal\util\isObservable.j 30% building 122/123 modules 1 active ...es\rxjs_esm5\internal\util\identity.j 30% building 123/124 modules 1 active ...m5\internal\util\UnsubscriptionError.j 30% building 124/125 modules 1 active ...nternal\util\ObjectUnsubscribedError.j 30% building 125/126 modules 1 active ...xjs_esm5\internal\util\TimeoutError.j 30% building 126/127 modules 1 active ...entApp\node_modules\ansi-regex\index.j 30% building 127/128 modules 1 active ...xjs_esm5\internal\operators\groupBy.j 30% building 128/129 modules 1 active ...tApp\node_modules\querystring\decode.j 30% building 129/130 modules 1 active ...tApp\node_modules\querystring\encode.j 30% building 130/131 modules 1 active ...\rxjs_esm5\internal\operators\audit.j 30% building 131/132 modules 1 active ...rxjs_esm5\internal\operators\buffer.j 30% building 132/133 modules 1 active ...s_esm5\internal\operators\auditTime.j 30% building 133/134 modules 1 active ..._esm5\internal\operators\bufferCount.j 30% building 134/135 modules 1 active ..._esm5\internal\operators\bufferTime.j 30% building 135/136 modules 1 active ..._esm5\internal\operators\bufferWhen.j 30% building 136/137 modules 1 active ...esm5\internal\operators\bufferToggle.j 30% building 137/138 modules 1 active ..._esm5\internal\operators\combineAll.j 30% building 138/139 modules 1 active ..._esm5\internal\operators\catchError.j 30% building 139/140 modules 1 active ...sm5\internal\operators\combineLatest.j 30% building 140/141 modules 1 active ...rxjs_esm5\internal\operators\concat.j 30% building 141/142 modules 1 active ...s_esm5\internal\operators\concatAll.j 30% building 142/143 modules 1 active ...\rxjs_esm5\internal\operators\count.j 30% building 143/144 modules 1 active ..._esm5\internal\operators\concatMapTo.j 30% building 144/145 modules 1 active ...js_esm5\internal\operators\debounce.j 30% building 145/146 modules 1 active ...\rxjs_esm5\internal\operators\delay.j 30% building 146/147 modules 1 active ...m5\internal\operators\defaultIfEmpty.j 30% building 147/148 modules 1 active ...esm5\internal\operators\debounceTime.j 30% building 148/149 modules 1 active ...s_esm5\internal\operators\concatMap.j 30% building 149/150 modules 1 active ...sm5\internal\operators\dematerialize.j 30% building 150/151 modules 1 active ...js_esm5\internal\operators\distinct.j 30% building 151/152 modules 1 active ...s_esm5\internal\operators\delayWhen.j 30% building 152/153 modules 1 active ...ernal\operators\distinctUntilChanged.j 30% building 153/154 modules 1 active ...al\operators\distinctUntilKeyChanged.j 30% building 154/155 modules 1 active ...s_esm5\internal\operators\elementAt.j 30% building 155/156 modules 1 active ...xjs_esm5\internal\operators\endWith.j 30% building 156/157 modules 1 active ...\rxjs_esm5\internal\operators\every.j 30% building 157/158 modules 1 active ..._esm5\internal\operators\exhaustMap.j 30% building 158/159 modules 1 active ...rxjs_esm5\internal\operators\expand.j 30% building 159/160 modules 1 active ...rxjs_esm5\internal\operators\filter.j 30% building 160/161 modules 1 active ...xjs_esm5\internal\operators\exhaust.j 30% building 161/162 modules 1 active ...js_esm5\internal\operators\finalize.j 30% building 162/163 modules 1 active ...s\rxjs_esm5\internal\operators\find.j 30% building 163/164 modules 1 active ...rxjs_esm5\internal\operators\zipAll.j 30% building 164/165 modules 1 active ...node_modules\core-js\modules_global.j 30% building 165/166 modules 1 active ...ode_modules\core-js\modules_library.j 30% building 166/167 modules 1 active ...ode_modules\core-js\modules_defined.j 30% building 167/168 modules 1 active ...pp\node_modules\core-js\modules_uid.j 30% building 168/169 modules 1 active ...core-js\modules_inherit-if-required.j 30% building 169/170 modules 1 active ...pp\node_modules\core-js\modules_ctx.j 30% building 170/171 modules 1 active ...e_modules\core-js\modules_object-dp.j 30% building 171/172 modules 1 active ...p\node_modules\core-js\modules_meta.j 30% building 172/173 modules 1 active ...modules\core-js\modules_descriptors.j 30% building 173/174 modules 1 active ...s_esm5\internal\util\canReportError.j 30% building 174/175 modules 1 active ...s_esm5\internal\symbol\rxSubscriber.j 31% building 175/176 modules 1 active ..._esm5\internal\util\hostReportError.j 31% building 176/177 modules 1 active ...les\rxjs_esm5\internal\util\isArray.j 31% building 177/178 modules 1 active ...s_esm5\internal\SubjectSubscription.j 31% building 178/179 modules 1 active ..._esm5\internal\scheduler\AsyncAction.j 31% building 179/180 modules 1 active ..._esm5\internal\scheduler\AsapAction.j 31% building 180/181 modules 1 active ..._esm5\internal\scheduler\QueueAction.j 31% building 181/182 modules 1 active ...ernal\scheduler\AnimationFrameAction.j 31% building 182/183 modules 1 active ...m5\internal\scheduler\AsyncScheduler.j 31% building 183/184 modules 1 active ...rxjs_esm5\internal\util\isScheduler.j 32% building 184/185 modules 1 active ...al\scheduler\AnimationFrameScheduler.j 32% building 185/186 modules 1 active ...rxjs_esm5\internal\util\subscribeTo.j 32% building 186/187 modules 1 active ..._esm5\internal\observable\fromArray.j 32% building 187/188 modules 1 active ...5\internal\observable\fromObservable.j 32% building 188/189 modules 1 active ...s\rxjs_esm5\internal\util\isNumeric.j 32% building 189/190 modules 1 active ...xjs_esm5\internal\observable\scalar.j 32% building 190/191 modules 1 active ...esm5\internal\util\subscribeToResult.j 32% building 191/192 modules 1 active ...js_esm5\internal\operators\refCount.j 33% building 192/193 modules 1 active ...es\rxjs_esm5\internal\operators\map.j 33% building 193/194 modules 1 active ...\rxjs_esm5\internal\OuterSubscriber.j 33% building 194/195 modules 1 active ...\rxjs_esm5\internal\symbol\iterator.j 33% building 195/196 modules 1 active ...js_esm5\internal\operators\mergeAll.j 33% building 196/197 modules 1 active ...\rxjs_esm5\internal\util\isFunction.j 33% building 197/198 modules 1 active ...sm5\internal\observable\fromIterable.j 33% building 198/199 modules 1 active ...esm5\internal\observable\fromPromise.j 33% building 199/200 modules 1 active ...\rxjs_esm5\internal\util\isIterable.j 34% building 200/201 modules 1 active ...\rxjs_esm5\internal\InnerSubscriber.j 34% building 201/202 modules 1 active ...ules\rxjs_esm5\internal\util\isDate.j 34% building 202/203 modules 1 active ...rxjs_esm5\internal\util\errorObject.j 34% building 203/204 modules 1 active ...js_esm5\internal\operators\mergeMap.j 34% building 204/205 modules 1 active ...es\rxjs_esm5\internal\util\tryCatch.j 34% building 205/206 modules 1 active ...s\rxjs_esm5\internal\operators\take.j 34% building 206/207 modules 1 active ...esm5\internal\operators\throwIfEmpty.j 34% building 207/208 modules 1 active ...e_modules\core-js\modules_set-proto.j 34% building 208/209 modules 1 active ...\node_modules\core-js\modules_fails.j 35% building 209/210 modules 1 active ...odules\core-js\modules_to-primitive.j 35% building 210/211 modules 1 active ...ules\core-js\modules_ie8-dom-define.j 35% building 211/212 modules 1 active ...m5\internal\util\isInteropObservable.j 35% building 212/213 modules 1 active ...rxjs_esm5\internal\util\isArrayLike.j 35% building 213/214 modules 1 active ...s\rxjs_esm5\internal\util\isPromise.j 35% building 214/215 modules 1 active ...m5\internal\scheduler\QueueScheduler.j 35% building 215/216 modules 1 active ...sm5\internal\scheduler\AsapScheduler.j 35% building 216/217 modules 1 active ...rxjs_esm5\internal\scheduler\Action.j 36% building 217/218 modules 1 active ...s\rxjs_esm5\internal\util\Immediate.j 36% building 218/219 modules 1 active ...modules\rxjs_esm5\internal\Observer.j 36% building 219/220 modules 1 active ...es\rxjs_esm5\internal\util\isObject.j 36% building 220/221 modules 1 active ...modules\core-js\modules_set-species.j 36% building 221/222 modules 1 active ...xjs_esm5\internal\util\toSubscriber.j 36% building 222/223 modules 1 active ...e_modules\core-js\modules_iter-step.j 36% building 223/224 modules 1 active ...modules\core-js\modules_iter-define.j 36% building 224/225 modules 1 active ...modules\core-js\modules_an-instance.j 37% building 225/226 modules 1 active ...odules\core-js\modules_redefine-all.j 37% building 226/227 modules 1 active ...s_esm5\internal\operators\observeOn.j 37% building 227/228 modules 1 active ...dules\core-js\modules_object-create.j 37% building 228/229 modules 1 active ..._esm5\internal\util\subscribeToArray.j 37% building 229/230 modules 1 active ...\internal\util\subscribeToObservable.j 37% building 230/231 modules 1 active ...e_modules\core-js\modules_to-length.j 37% building 231/232 modules 1 active ...-js\modules\core.get-iterator-method.j 37% building 232/233 modules 1 active ...m5\internal\util\subscribeToIterable.j 37% building 233/234 modules 1 active ...sm5\internal\util\subscribeToPromise.j 38% building 234/235 modules 1 active ...dules\core-js\modules_is-array-iter.j 38% building 235/236 modules 1 active ...e_modules\core-js\modules_iter-call.j 38% building 236/237 modules 1 active ...s\core-js\modules_set-to-string-tag.j 38% building 237/238 modules 1 active ...modules\core-js\modules_iter-detect.j 38% building 238/239 modules 1 active ...de_modules\core-js\modules_redefine.j 38% building 239/240 modules 1 active ...les\core-js\modules_collection-weak.j 38% building 240/241 modules 1 active ...dules\core-js\modules_object-assign.j 38% building 241/242 modules 1 active ...dules\core-js\modules_array-methods.j 39% building 242/243 modules 1 active ...p\node_modules\core-js\modules_hide.j 39% building 243/244 modules 1 active ...es\rxjs_esm5\internal\operators\zip.j 39% building 244/245 modules 1 active ...m5\internal\operators\withLatestFrom.j 39% building 245/246 modules 1 active ..._esm5\internal\operators\windowWhen.j 39% building 246/247 modules 1 active ...esm5\internal\operators\windowToggle.j 39% building 247/248 modules 1 active ..._esm5\internal\operators\windowTime.j 39% building 248/249 modules 1 active ..._esm5\internal\operators\windowCount.j 39% building 249/250 modules 1 active ...rxjs_esm5\internal\operators\window.j 40% building 250/251 modules 1 active ...xjs_esm5\internal\operators\toArray.j 40% building 251/252 modules 1 active ...s_esm5\internal\operators\timestamp.j 40% building 252/253 modules 1 active ..._esm5\internal\operators\timeoutWith.j 40% building 253/254 modules 1 active ...xjs_esm5\internal\operators\timeout.j 40% building 254/255 modules 1 active ...esm5\internal\operators\timeInterval.j 40% building 255/256 modules 1 active ...esm5\internal\operators\throttleTime.j 40% building 256/257 modules 1 active ...js_esm5\internal\operators\throttle.j 40% building 257/258 modules 1 active ...es\rxjs_esm5\internal\operators\tap.j 40% building 258/259 modules 1 active ...s_esm5\internal\operators\takeWhile.j 41% building 259/260 modules 1 active ...s_esm5\internal\operators\takeUntil.j 41% building 260/261 modules 1 active ...js_esm5\internal\operators\takeLast.j 41% building 261/262 modules 1 active ..._esm5\internal\operators\switchMapTo.j 41% building 262/263 modules 1 active ...s_esm5\internal\operators\switchMap.j 41% building 263/264 modules 1 active ...s_esm5\internal\operators\switchAll.j 41% building 264/265 modules 1 active ..._esm5\internal\operators\subscribeOn.j 41% building 265/266 modules 1 active ...s_esm5\internal\operators\startWith.j 41% building 266/267 modules 1 active ...s_esm5\internal\operators\skipWhile.j 42% building 267/268 modules 1 active ...s_esm5\internal\operators\skipUntil.j 42% building 268/269 modules 1 active ...js_esm5\internal\operators\skipLast.j 42% building 269/270 modules 1 active ...s\rxjs_esm5\internal\operators\skip.j 42% building 270/271 modules 1 active ...rxjs_esm5\internal\operators\single.j 42% building 271/272 modules 1 active ..._esm5\internal\operators\shareReplay.j 42% building 272/273 modules 1 active ...\rxjs_esm5\internal\operators\share.j 42% building 273/274 modules 1 active ...sm5\internal\operators\sequenceEqual.j 42% building 274/275 modules 1 active ...s\rxjs_esm5\internal\operators\scan.j 43% building 275/276 modules 1 active ..._esm5\internal\operators\sampleTime.j 43% building 276/277 modules 1 active ...\rxjs_esm5\internal\operators\retry.j 43% building 277/278 modules 1 active ...rxjs_esm5\internal\operators\sample.j 43% building 278/279 modules 1 active ...s_esm5\internal\operators\retryWhen.j 43% building 279/280 modules 1 active ..._esm5\internal\operators\repeatWhen.j 43% building 280/281 modules 1 active ...rxjs_esm5\internal\operators\repeat.j 43% building 281/282 modules 1 active ...rxjs_esm5\internal\operators\reduce.j 43% building 282/283 modules 1 active ...sm5\internal\operators\publishReplay.j 43% building 283/284 modules 1 active ...s\rxjs_esm5\internal\operators\race.j 44% building 284/285 modules 1 active ..._esm5\internal\operators\publishLast.j 44% building 285/286 modules 1 active ...5\internal\operators\publishBehavior.j 44% building 286/287 modules 1 active ...xjs_esm5\internal\operators\publish.j 44% building 287/288 modules 1 active ...\rxjs_esm5\internal\operators\pluck.j 44% building 288/289 modules 1 active ...s_esm5\internal\operators\partition.j 44% building 289/290 modules 1 active ...js_esm5\internal\operators\pairwise.j 44% building 290/291 modules 1 active ...internal\operators\onErrorResumeNext.j 44% building 291/292 modules 1 active ...s_esm5\internal\operators\multicast.j 45% building 292/293 modules 1 active ...modules\core-js\modules_object-gopd.j 45% building 293/294 modules 1 active ...es\rxjs_esm5\internal\operators\min.j 45% building 294/295 modules 1 active ...s_esm5\internal\operators\mergeScan.j 45% building 295/296 modules 1 active ...\rxjs_esm5\internal\operators\merge.j 45% building 296/297 modules 1 active ..._esm5\internal\operators\mergeMapTo.j 45% building 297/298 modules 1 active ..._modules\core-js\modules_dom-create.j 45% building 298/299 modules 1 active ...es\rxjs_esm5\internal\operators\max.j 45% building 299/300 modules 1 active ...\rxjs_esm5\internal\operators\mapTo.j 46% building 300/301 modules 1 active ..._esm5\internal\operators\materialize.j 46% building 301/302 modules 1 active ...s\rxjs_esm5\internal\operators\last.j 46% building 302/303 modules 1 active ...xjs_esm5\internal\operators\isEmpty.j 46% building 303/304 modules 1 active ...m5\internal\operators\ignoreElements.j 46% building 304/305 modules 1 active ...\rxjs_esm5\internal\operators\first.j 46% building 305/306 modules 1 active ...s_esm5\internal\operators\findIndex.j 46% building 306/307 modules 1 active ...pp\node_modules\core-js\modules_wks.j 46% building 307/308 modules 1 active ...e_modules\core-js\modules_iterators.j 46% building 308/309 modules 1 active ...modules\core-js\modules_iter-create.j 47% building 309/310 modules 1 active ..._modules\core-js\modules_object-dps.j 47% building 310/311 modules 1 active ...p\node_modules\core-js\modules_html.j 47% building 311/312 modules 1 active ..._modules\core-js\modules_to-integer.j 47% building 312/313 modules 1 active ...dules\core-js\modules_enum-bug-keys.j 47% building 313/314 modules 1 active ...ode_modules\core-js\modules_classof.j 47% building 314/315 modules 1 active ...\core-js\modules_function-to-string.j 47% building 315/316 modules 1 active ...modules\core-js\modules_object-keys.j 47% building 316/317 modules 1 active ...modules\core-js\modules_object-gops.j 48% building 317/318 modules 1 active ..._modules\core-js\modules_object-pie.j 48% building 318/319 modules 1 active ...ode_modules\core-js\modules_iobject.j 48% building 319/320 modules 1 active ...ore-js\modules_array-species-create.j 48% building 320/321 modules 1 active ...dules\core-js\modules_property-desc.j 48% building 321/322 modules 1 active ...nal\observable\SubscribeOnObservable.j 48% building 322/323 modules 1 active ...modules\rxjs_esm5\internal\util\not.j 50% building 323/324 modules 1 active ..._modules\core-js\modules_to-iobject.j 50% building 324/325 modules 1 active ...pp\node_modules\core-js\modules_cof.j 50% building 325/326 modules 1 active ...ore-js\modules_object-keys-internal.j 50% building 326/327 modules 1 active ...s\modules_array-species-constructor.j 50% building 327/328 modules 1 active ...ules\core-js\modules_array-includes.j 50% building 328/329 modules 1 active ...de_modules\core-js\modules_is-array.j 50% building 329/330 modules 1 active ...s\core-js\modules_to-absolute-index.j 93% after chunk asset optimization SourceMapDevToolPlugin main.js generate Sour 93% after chunk asset optimization SourceMapDevToolPlugin polyfills.js generate 93% after chunk asset optimization SourceMapDevToolPlugin runtime.js generate S 93% after chunk asset optimization SourceMapDevToolPlugin styles.js generate So 93% after chunk asset optimization SourceMapDevToolPlugin vendor.js generate So 93% after chunk asset optimization SourceMapDevToolPlugin main.js attach Source 93% after chunk asset optimization SourceMapDevToolPlugin polyfills.js attach S 93% after chunk asset optimization SourceMapDevToolPlugin runtime.js attach Sou 93% after chunk asset optimization SourceMapDevToolPlugin styles.js attach Sour 93% after chunk asset optimization SourceMapDevToolPlugin vendor.js attach Sour

Date: 2019-02-25T10:53:26.844Z Hash: c61622baacf86fdf6bbf Time: 37468ms chunk {main} main.js, main.js.map (main) 11.7 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 237 kB [initial] [r endered] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered] chunk {styles} styles.js, styles.js.map (styles) 16.8 kB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 3.76 MB [initial] [rendered] i ?wdm?: Compiled successfully.