Ng2-перевод и веб-пакет - PullRequest
Новая
       29

Ng2-перевод и веб-пакет

0 голосов
/ 19 октября 2018

Добрый день, ребята, я использую ng2-translate, чтобы выполнить перевод приложения, и отлично работаю с командой: tns run ios |Android Но у меня ошибка при работе с веб-пакетом со следующими параметрами: tns run ios --bundle --env.uglify --env.aot 

    Error:
    CONSOLE LOG file:///app/vendor.js:1:1200993:
    CONSOLE ERROR file:///app/vendor.js:1:28276: ERROR TypeError: this.http.get(this.prefix+"/"+e+this.suffix).map is not a function. (In 'this.http.get(this.prefix+"/"+e+this.suffix).map(function(e){return e.json()})', 'this.http.get(this.prefix+"/"+e+this.suffix).map' is undefined)
    CONSOLE ERROR file:///app/vendor.js:1:1125775: bootstrap: ERROR BOOTSTRAPPING ANGULAR
    CONSOLE ERROR file:///app/vendor.js:1:1125775: bootstrap: this.http.get(this.prefix+"/"+e+this.suffix).map is not a function. (In 'this.http.get(this.prefix+"/"+e+this.suffix).map(function(e){return e.json()})', 'this.http.get(this.prefix+"/"+e+this.suffix).map' is undefined)
    getTranslation@file:///app/vendor.js:1:886381
    getTranslation@file:///app/vendor.js:1:887491
    retrieveTranslations@file:///app/vendor.js:1:887380
    setDefaultLang@file:///app/vendor.js:1:886824
    n@file:///app/bundle.js:1:88782
    ka@file:///app/vendor.js:1:110925

Репозиторий для тестирования: https://github.com/gustavost26/teste-ng2-translate

1 Ответ

0 голосов
/ 19 октября 2018

Хорошо, что вы предоставили пример проекта, я смог быстро просмотреть его и похоже, что вы используете последнюю версию Angular и rxjs, но ваш модуль перевода полностью устарел.

Замените его реорганизованной последнейверсия того же пакета 

npm install --save @ngx-translate/core @ngx-translate/http-loader

Обновлено app.module.ts 

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { NativeScriptFormsModule } from 'nativescript-angular/forms';
import { NativeScriptHttpClientModule } from 'nativescript-angular/http-client';
import { AppRoutingModule } from "./app.routing";
import { AppComponent } from "./app.component";

import { TranslateModule, TranslateLoader } from "@ngx-translate/core";
import { TranslateHttpLoader } from "@ngx-translate/http-loader";

import { ItemService } from "./pages/item/item.service";
import { ItemsComponent } from "./pages/item/items.component";
import { ItemDetailComponent } from "./pages/item/item-detail.component";
import { HttpClient } from "@angular/common/http";

export function HttpLoaderFactory(httpClient: HttpClient) {
    return new TranslateHttpLoader(httpClient, '/assets/i18n/', '.json');
}

@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        AppRoutingModule,
        NativeScriptFormsModule,
        NativeScriptHttpClientModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: HttpLoaderFactory,
                deps: [HttpClient]
            }
        })
    ],
    declarations: [
        AppComponent,
        ItemsComponent,
        ItemDetailComponent
    ],
    providers: [
        ItemService
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
/*
Pass your application module to the bootstrapModule function located in main.ts to start your app
*/
export class AppModule { }

Обновлено app.component.ts 

import { Component } from "@angular/core";
import { TranslateService } from '@ngx-translate/core';
import * as Platform from "platform";

@Component({
    selector: "ns-app",
    moduleId: module.id,
    templateUrl: "./app.component.html",
})
export class AppComponent {
    constructor(private translate: TranslateService) {
        this.translate.setDefaultLang('en'); //chage pt
        //this.translate.use(Platform.device.language.split('-')[0]);
    }
}
...