2017-12-20 26 views
3

nicht finden Ich versuche Angularfire2 und Firebase in meinem angular 5 Projekt zu integrieren, aber es gibt 'Firebase' Namespace Fehler.Kann Namespace 'Firebase' in Angular5 Projekt

package.json

{ 
    "name": "angular5-firebase", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build --prod", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/animations": "^5.0.0", 
    "@angular/common": "^5.0.0", 
    "@angular/compiler": "^5.0.0", 
    "@angular/core": "^5.0.0", 
    "@angular/forms": "^5.0.0", 
    "@angular/http": "^5.0.0", 
    "@angular/platform-browser": "^5.0.0", 
    "@angular/platform-browser-dynamic": "^5.0.0", 
    "@angular/router": "^5.0.0", 
    "@types/firebase": "^2.4.32", 
    "angularfire2": "^5.0.0-rc.4", 
    "core-js": "^2.4.1", 
    "firebase": "^4.8.1", 
    "rxjs": "^5.5.2", 
    "typings": "^2.1.1", 
    "zone.js": "^0.8.14" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.6.1", 
    "@angular/compiler-cli": "^5.0.0", 
    "@angular/language-service": "^5.0.0", 
    "@types/jasmine": "~2.5.53", 
    "@types/jasminewd2": "~2.0.2", 
    "@types/node": "~6.0.60", 
    "codelyzer": "^4.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-coverage-istanbul-reporter": "^1.2.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.2", 
    "ts-node": "~3.2.0", 
    "tslint": "~5.7.0", 
    "typescript": "~2.4.2" 
    } 
} 

ich folgende soluntions aber keiner von ihnen versucht haben, mein Problem zu lösen.

  • importieren * als Firebase von 'Firebase' in app.module.ts;
  • "Typen": [ "Firebase"] in tsconfig.json
  • @ Typen installiert/Feuerbasis 'npm installieren --save @ Typen/Feuerbasis'

Nach all dem ich mit Feuerbasis Typisierungen installiert haben mit 'typings install fireBase --save' und fügte '"files" hinzu: ["typings/index.d.ts.ts"] in tsconfig.json. Es entfernt alle Fehler des Namespace von der Konsole, aber wenn ich localhost: 4200 im Browser überprüfe, wurde dort keine Ansicht gerendert. Wenn ich das Element überprüfe, kann ich sehen, dass keine Ansicht gerendert wird.

enter image description here

tsconfig.json

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
     "outDir": "./dist/out-tsc", 
     "sourceMap": true, 
     "declaration": false, 
     "moduleResolution": "node", 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "target": "es5", 
     "typeRoots": [ 
      "node_modules/@types" 
     ], 
     "lib": [ 
      "es2017", 
      "dom" 
     ], 
     "types": [ 
      "firebase" 
     ] 
    }, 
    "files": [ 
     "typings/index.d.ts" 
    ] 
} 

Antwort

Verwandte Themen