文章/答案/技术大牛

发布

社区首页 >问答首页 >接收“错误TS2304:找不到名称‘firebase’”。

问接收“错误TS2304:找不到名称‘firebase’”。
EN

Stack Overflow用户

提问于 2019-03-26 15:26:35

回答 1查看 3.4K关注 0票数 0

试图将AngularJS模板连接到firebase，但似乎无法解决这个问题。

我已经安装了npm所能安装的一切，包括打字，英吉利火，火焰基地，和一些更多。

这是我的app.component.ts：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  template: '<router-outlet></router-outlet>',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  title = 'app';

  ngOnInit() {
    const config = {
      apiKey: "AIzaSyBKOJjrzrgT0rXZxonOgk8qM-OIlUjJA4I",
      authDomain: "tn-test-0001.firebaseapp.com",
      databaseURL: "https://tn-test-0001.firebaseio.com",
      projectId: "tn-test-0001",
      storageBucket: "tn-test-0001.appspot.com",
      messagingSenderId: "564114143143"
    };
    firebase.initializeApp(config);
  }

}

这是我的package.json：

  "private": true,
  "dependencies": {
    '''
    "angular-tree-component": "^7.0.2",
    "angular2-text-mask": "^8.0.4",
    "angularfire2": "5.0.0-rc.4",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.4.1",
    "d3": "^3.5.17",
    "echarts": "^4.0.4",
    "firebase": "^4.3.0",
    "hammerjs": "^2.0.8",
    "https": "^1.0.0",
    "imagesloaded": "^4.1.4",
    "isotope-layout": "^3.0.6",
    "mandrill-api": "^1.0.45",
    "masonry-layout": "^4.2.1",
    "moment": "^2.18.1",
    "ng-scrollreveal": "^2.2.0",
    "ngx-bootstrap": "^2.0.5",
    "ngx-echarts": "^3.1.0",
    "ngx-filter-pipe": "^2.1.0",
    "ngx-isotope": "^0.1.7",
    "ngx-nvd3": "^1.0.9",
    "ngx-perfect-scrollbar": "^5.3.5",
    "ngx-quill": "^2.1.2",
    "ngx-swiper-wrapper": "^6.0.0",
    "rickshaw": "^1.6.5",
    "rxjs": "^6.0.0",
    "rxjs-compat": "^6.4.0",
    "scrollreveal": "^3.3.6",
    "text-mask-addons": "^3.7.1",
    "web-animations-js": "^2.3.1",
    "zone.js": "0.8.26"
  },

我在终端中收到的错误:src/app/app.Component.ts(20，5)中的错误: error TS2304:无法找到名称'firebase‘。

到目前为止，我已经尝试了我在网上找到的所有东西，而且似乎什么都没有用。我假设这是一些简单的修复，但我找不到它。请告诉我你还需要什么信息/代码。

angularfire2

angular

firebase

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-26 15:42:10

要修复它，您需要添加

import * as firebase from 'firebase';

但

您应该使用@angular/fire或(旧版本的angularfire2)，而不是firebase本身。

然后可以在environment.ts和environment.prod.ts中定义配置。

export const environment = {
  production: false;
  config = {
          apiKey: "AIzaSyBKOJjrzrgT0rXZxonOgk8qM-OIlUjJA4I",
          authDomain: "tn-test-0001.firebaseapp.com",
          databaseURL: "https://tn-test-0001.firebaseio.com",
          projectId: "tn-test-0001",
          storageBucket: "tn-test-0001.appspot.com",
          messagingSenderId: "564114143143"
        };
};

然后你必须在AppModule中初始化它

...
import { AngularFireModule } from '@angular/fire';
import { environment } from './environment';

@NgModule({
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.config)
    // Other modules
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

这将完成工作而不是firebase.initializeApp(config);。要使用其他功能，还需要使用其他模块，如AngularFireAuthModule等。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55360805

复制

相似问题

问接收“错误TS2304:找不到名称‘firebase’”。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问接收“错误TS2304:找不到名称‘firebase’”。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问接收“错误TS2304:找不到名称‘firebase’”。
EN