Question

我想尝试使用Angular 2应用程序的Realm Mobile Platform，但看起来我无法在Angular 2中使用Realm的Javascript版本。如果我能够在我的Angular 2应用程序中包含Realm，我会去做那个吗？

到目前为止，我已成功运行npm install --save realm并且我的app模块尝试导入该软件包并初始化所有内容。

import * as Realm from 'realm';

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';

Realm.Sync.User.login('http://local:9080', 'someUser', 'somePass', (e, user) => {
  if(e) {
    console.log(e);
    return;
  }
});

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我收到以下错误和警告：

WARNING in ./~/realm/lib/index.js
23:11-26 Critical dependency: the request of a dependency is an expression

WARNING in ./~/realm/lib/index.js
77:27-48 Critical dependency: the request of a dependency is an expression

WARNING in ./~/realm/lib/user-methods.js
24:11-26 Critical dependency: the request of a dependency is an expression

ERROR in ./~/realm/lib/browser/index.js
Module not found: Error: Can't resolve 'react-native' in '/vagrant/angular-realm-test/node_modules/realm/lib/browser'
 @ ./~/realm/lib/browser/index.js 21:0-45
 @ ./~/realm/lib/index.js
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

我很困惑，因为我在Angular 2应用程序中包含了其他第三方库，例如Firebase，没有任何问题。我不完全确定这里发生了什么，所以非常感谢详细解释。

我了解到，如果没有专业版或企业版，则无法使用同步选项。我已经尝试在组件中执行以下操作：

import * as Realm from 'realm';

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

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    title = 'app works!';

    constructor() {
        const CarSchema = {
            name: 'Car',
            properties: {
                make:  'string',
                model: 'string',
                miles: {type: 'int', default: 0},
            }
        };
        const PersonSchema = {
            name: 'Person',
            properties: {
                name:     'string',
                birthday: 'date',
                cars:     {type: 'list', objectType: 'Car'},
                picture:  {type: 'data', optional: true}, // optional property
            }
        };

        // Initialize a Realm with Car and Person models
        let realm = new Realm.Realm({schema: [CarSchema, PersonSchema]});
    }
}

上面的代码给了我同样的错误。

Answer 1

目前 realm-js仅适用于节点环境。 使用前端框架的唯一方法是使用Node.JS，幸运的是electron！

如果你对这样的实现感到好奇，你可以尝试克隆我在这里使用电子领域的回购： https://github.com/mbalex99/realm-electron

注意：

我在MacOSX，Linux和Windows
同步功能仅适用于MacOSX。除非您拥有专业版或企业版，否则您可以在Linux上使用它。 You can download a trial of it here

是否可以使用带有Angular 2的Realm？

1 个答案: