我在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
});
}
}
进口
const geofire = require('geofire');
用法
const geoFireInstance = new geofire.GeoFire(ref);
来源:https://github.com/firebase/geofire-js/issues/173#issuecomment-487026534
遗憾的是,这是一个已知问题。 geofire
的代码库已更新以解决此问题,但尚未将新构建部署到npm。
你可以直接从GitHub安装npm i firebase/geofire-js