Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

quick start only show "Loading AppComponent content here ..."

See original GitHub issue

environment:

system: ubuntu 12.04
node: v6.9.3
npm: 3.10.10

when I follow step:

git clone https://github.com/angular/quickstart.git quickstart
cd quickstart
npm install
npm start

firefox showing:

“Loading AppComponent content here …” not “Hello Angular”.

in the firefox console, errors below:

http://localhost:3000/node_modules/core-js/client/shim.min.js is being assigned a //# sourceMappingURL, but already has one
Error: (SystemJS) invalid range in character class
	RegExp@http://localhost:3000/node_modules/core-js/client/shim.min.js:8:6158
	Zone$1</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:242:1
	Zone$1</Zone</Zone.prototype.run@http://localhost:3000/node_modules/zone.js/dist/zone.js:113:17
	scheduleResolveOrReject/<@http://localhost:3000/node_modules/zone.js/dist/zone.js:520:78
	Zone$1</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:275:1
	Zone$1</Zone</Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:151:21
	drainMicroTaskQueue@http://localhost:3000/node_modules/zone.js/dist/zone.js:418:25
	ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:349:25
	
	Evaluating http://localhost:3000/app/main.js
	Error loading http://localhost:3000/app/main.js
Stack trace:
(SystemJS) invalid range in character class
	RegExp@http://localhost:3000/node_modules/core-js/client/shim.min.js:8:6158
	Zone$1</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:242:1
	Zone$1</Zone</Zone.prototype.run@http://localhost:3000/node_modules/zone.js/dist/zone.js:113:17
	scheduleResolveOrReject/<@http://localhost:3000/node_modules/zone.js/dist/zone.js:520:78
	Zone$1</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:275:1
	Zone$1</Zone</Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:151:21
	drainMicroTaskQueue@http://localhost:3000/node_modules/zone.js/dist/zone.js:418:25
	ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:349:25
	
	Evaluating http://localhost:3000/app/main.js
	Error loading http://localhost:3000/app/main.js localhost:3000:19

Issue Analytics

State:
Created 7 years ago
Comments:9 (2 by maintainers)

Top GitHub Comments

1reaction

hirenalkencommented, Apr 7, 2017

updating browser has solved this issue for me. See browser support info here : https://angular.io/docs/ts/latest/guide/browser-support.html

0reactions

elirehemacommented, Feb 11, 2019

I resolve it by using http://localhost:3000/ instead of http://localhost

Top Results From Across the Web

Angular 2 tutorial quickstart doesn't load the component

However, when starting the app the browser just shows "Loading AppComponent content here ..." instead of the expected "Hello Angular".

Components Basics - Vue.js

Components allow us to split the UI into independent and reusable pieces, and think about each piece in isolation. It's common for an...

NgModule FAQ - Angular

NgModules help organize an application into cohesive blocks of functionality. This page answers the questions many developers ask about NgModule design and ...

Ionic Vue Quickstart

Remove lang="ts" from the script tags in any of your Vue components that have them. In a blank Ionic Vue app, this should...

Angular Modules and NgModule - Complete Guide

Introduction to Angular NgModule, modularity, and lazy-loading in Angular. ... So we can see here that an Angular module is used to group...