wake-up-neo.com

winkel 6, Build kann keine Bilder auf Firebase-Hosting laden

Ich kann nach dem Bereitstellen der Winkel-App für das Firebase-Hosting keine Images aus dem Assets-Ordner laden. (build - prod) Wenn auf localhost ausgeführt, zeigen die Bilder. Alle anderen Dinge werden ordnungsgemäß geladen . Dies ist mein Paket json Cli: ~ 6.2.0-beta.2 Firebase-tools: 4.1.0

{
  "name": "protocols",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "deploy": "ng build --prod && firebase deploy"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.1.2",
    "@angular/cdk": "^6.4.5",
    "@angular/common": "^6.1.0",
    "@angular/compiler": "^6.1.0",
    "@angular/core": "^6.1.0",
    "@angular/forms": "^6.1.0",
    "@angular/http": "^6.1.0",
    "@angular/material": "^6.4.5",
    "@angular/platform-browser": "^6.1.0",
    "@angular/platform-browser-dynamic": "^6.1.0",
    "@angular/pwa": "^0.8.0-beta.2",
    "@angular/router": "^6.1.0",
    "@angular/service-worker": "^6.1.0",
    "angularfire2": "^5.0.0-rc.11",
    "core-js": "^2.5.4",
    "firebase": "^5.3.1",
    "hammerjs": "^2.0.8",
    "mat-progress-buttons": "^6.0.1",
    "rxjs": "^6.0.0",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.8.0-beta.0",
    "@angular/cli": "~6.2.0-beta.2",
    "@angular/compiler-cli": "^6.1.0",
    "@angular/language-service": "^6.1.0",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.3.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "TypeScript": "~2.9.2"
  }
}

versucht bei appComponent

<img src="../assets/image.jpg">
<img src="/assets/image.jpg">
<img src="assets/image.jpg">

nichts von dieser Arbeit.

hosting-Einstellungen bei firebase.json

"hosting": {
"public": "dist",
"ignore": [
  "firebase.json",
  "**/.*",
  "**/node_modules/**"
],
"rewrites": [
  {
    "source": "**",
    "destination": "/index.html"
  }
]

}

Gibt es einen Trick auf der Firebase? schreibt neu? jemand kann mir helfen!

Bilder werden jetzt aus Assets in Winkel 6.1.3 geladen, nachdem Firebase eingesetzt wurde! Endlich die Lösung gefunden, gut funktioniert es für mich. Das Problem ist die Änderung von tsconfig.json:

"outDir": "./dist/out-tsc",

zu:

"outDir": "./dist",
1
alvic

Ich hatte das gleiche Problem mit statischen Assets nach der Bereitstellung bei Firebase-Hosting, obwohl sie beim Einsatz von localhost einwandfrei funktionierten. Ich musste mich ändern
<img src="/src/assets/img/pricing_comparison.PNG"> an
<img src="/assets/img/pricing_comparison.PNG">.

(ps. Ich habe versucht, meine Datei tsconfig.json entsprechend der akzeptierten Antwort zu ändern, aber dies hat meinen Fehler nicht geändert oder behoben.)

0
Kat