Eckig: Kann nicht erhalten /

Ich versuche, das Angular 4-Projekt einer anderen Person zu öffnen, zu erstellen und auszuführen, aber ich kann das Projekt nicht anzeigen, wenn ich es auf meine Art ausführe. Ich sehe nicht, was falsch läuft oder was ich jetzt tun sollte. Ich hatte bereits alles, um NPM und NodeJS zu verwenden

Meine Schritte waren:

• Öffnen Sie das Projekt
• npm installieren
• ng dienen

Das Projekt kompiliert den richtigen Weg. (Ich habe eine eigene Angular-App und weiß, wie das aussieht) Die Konsole zeigt:

‘** NG Live Development Server lauscht auf localhost:4200, öffnen Sie Ihren Browser auf http://localhost:4200 **’.

Als ich dann einen Webbrowser öffnete, navigierte ich zu localhost:4200 und eine Webseite mit dem folgenden Text wurde angezeigt:

‘Kann nicht bekommen /’

Und auf der Konsole war folgender Text:

‘ERHALTEN http://localhost:4200/ 404 Nicht gefunden)’

Das Projekt sollte gut funktionieren, aber ich kann nicht zu einer funktionierenden URL auf der Webseite navigieren. Das Routing wird anders eingerichtet, als ich es gewohnt bin. In app.module.ts ist folgendes implementiert:

app.module.ts

const appRoutes: Routes = [
{ path: '',   redirectTo: 'tree', pathMatch: 'full' },
{ path: 'admin', component: AdminPanelComponent, canActivate: [AuthGuard],
children: [{path:'', component: PanelComponent},{path: 'add', component: 
AddTreeComponent}, {path:'manage-trees', component:ManageTreesComponent}, 
{path:'manage-users', component: ManageUsersComponent}, {path:'view-trees', 
component: ViewTreeComponent}]},
{path:'tree', component: TreeComponent},
{path:'error', component: ErrorComponent},
{path:'unauthorized', component: UnauthorizedComponent},
{path:'login', component: LoginComponent},
{path:'entire-tree', component: EntireTreeComponent},
{ path: '**', component: PageNotFoundComponent },
];

Auch das Öffnen einer Webseite wie; localhost:4200/tree funktioniert nicht. Wenn ich winklig das Bereitstellen der Webseite stoppen lasse, zeigt die Webseite an: “Diese Site kann nicht erreicht werden”. Ich denke also, dass etwas auf localhost:4200 ausgeführt wird … Auch ein anderes Projekt dieser Person verhält sich genauso .

Weiß jemand was los ist?

BEARBEITEN

app.module.ts

RouterModule.forRoot(appRoutes, { useHash: true })

Paket.json

{
"name": "xxx",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"angular-oauth2-oidc": "^1.0.20",
"angular-polyfills": "^1.0.1",
"angular2-jwt": "^0.2.3",
"angular2-spinner": "^1.0.10",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"ngx-bootstrap": "^1.8.0",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@angular/cli": "1.2.4",
"@angular/compiler-cli": "^4.0.0",
"@angular/language-service": "^4.0.0",
"@types/jasmine": "2.5.45",
"@types/node": "~6.0.60",
"codelyzer": "~3.0.1",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-coverage-istanbul-reporter": "^1.2.1",
"protractor": "~5.1.2",
"ts-node": "~3.0.4",
"tslint": "~5.3.2",
"typescript": "~2.3.3"
 }
}

Ich sehe auch ein Symbol neben dem Registerkartennamen mit der Bezeichnung: “Fehler”.

ÜBERWACHUNG:

Neue Beobachtung:

Nachdem ich gelaufen bin npm install -g angular-cli Ich konnte nicht laufen ng serve. (Sie müssen sich in einem Angle-Cli-Projekt befinden, um den Build-Befehl nach der Neuinstallation von Angle-Cli verwenden zu können.)

Dann rannte ich npm install -g @angular/cli@latest und ich konnte verwenden ng serve wieder.

BEOBACHTUNG 2:

Nach dem Bau der App mit: ‘ng build …’ gibt es keine index.html im ‘dist’-Ordner … Wenn ich die Website online setze, gibt es nur eine Ordnerstruktur anstelle einer schönen Website. Ich denke, das liegt daran, dass es keine index.html gibt.

Die Art und Weise, wie ich diesen Fehler behoben habe, bestand darin, den Fehler zu finden und zu beheben, der die Konsole gemeldet.

Laufen ng build in Ihrer Befehlszeile / Ihrem Terminal, und es sollte einen nützlichen Fehler anzeigen, wie das Beispiel hier in Rot: Die Eigenschaft „Name“ ist für den Typ „Objekt“ nicht vorhanden.

Für mich war es auch ein Problem mit dem Pfad, aber ich hatte ein Prozentzeichen im Stammordner.

Nachdem ich %20 durch Leerzeichen ersetztes fing an zu funktionieren 🙂

Das Problem war, dass ich die Befehle innerhalb des Ordners ausgeführt habe /project/src/app. So navigieren Sie zurück zum Projektordner /project und läuft ng serve ab da mein problem gelöst.

Ich hatte den gleichen Fehler, der durch Build-Fehler verursacht wurde. Ich habe ng build im Verzeichnis meiner Anwendung ausgeführt, was mir geholfen hat, meine Fehler zu korrigieren

Ich hatte das gleiche Problem mit einem Angular 9.

In meinem Fall habe ich die Datei angle.json von geändert

"aot": true

Zu

"aot": false

Für mich geht das.

Überprüfen Sie, ob Sie darin sind index.html Basis eingestellt

<head>
  <base href="https://stackoverflow.com/">
  ...
</head>

Ich benutzte export class TestCalendar implements OnInit{} aber ich habe die Funktion nicht geschrieben

 ngOnInit() {
    /* Display initial */
  }

. Nach dem Ausführen des Befehls ng serve fand ich heraus, dass ich nicht benutzte ngOnInit(){} . Nachdem ich es implementiert hatte, funktionierte es einwandfrei. Hoffe es hilft jemandem.