Angular 6 GeoFire初始化GeoFire不是构造函数

问题描述 投票:0回答:2

enter image description here我在Angular 6上初始化GeoFire时遇到问题。当我尝试初始化GeoFire时,

geofire__WEBPACK_IMPORTED_MODULE_2__不是构造函数

错误被抛出。

以下是我的依赖项和代码。

"@angular": "6.0.2",
"firebase": "5.0.3",
"geofire": "4.1.2",
"angularfire2": "5.0.0-rc.9"
"typescript": "2.7.2"

import * as GeoFire from 'geofire';
import * as firebase from 'firebase/app';
[![enter image description here][1]][1]
@Component({
    selector: 'app-near-by-page',
    templateUrl: './near-by-page.component.html',
    styleUrls: ['./near-by-page.component.scss']
})
export class NearByPageComponent extends PageComponent {
    constructor() {
        super();

        // Generate a random Firebase location
        const firebaseRef = firebase.database().ref().child('locations');

        // Create a new GeoFire instance at the random Firebase location
        const geoFire = new GeoFire(firebaseRef);
        const geoQuery = geoFire.query({
            center: [51.294, -0.245],
            radius: 1
        });
    }

}
javascript angular firebase geofire
2个回答
2
投票

进口

const geofire = require('geofire');

用法

const geoFireInstance = new geofire.GeoFire(ref);

来源:https://github.com/firebase/geofire-js/issues/173#issuecomment-487026534


0
投票

遗憾的是,这是一个已知问题。 geofire的代码库已更新以解决此问题,但尚未将新构建部署到npm。

你可以直接从GitHub安装npm i firebase/geofire-js

© www.soinside.com 2019 - 2024. All rights reserved.