メインコンテンツへスキップ

Magic xpa Web Client

コメント

66件のコメント

  • ISHIJIMA

    何をみて勉強されていますか?

    ng serve --openの後に何かエラーメッセージとか表示されていませんか?

  • ISHIJIMA

    下記URLでペットショップのデモで勉強されて見てはいかがでしょうか

    Web Clientスタートアップキャンペーン | マジックソフトウェア (magicsoftware.com)

     

  • Kokubo

    ISHIJIMA様

    コメントありがとうございます。
    教材は最初はPETSHOPでした。

    実行出来なかった(実行時に画面が真っ白)ので、MOSにあるWebclientの動画に挑戦しましたがダメでした。
    ※同じく画面は真っ白

  • Kokubo

    ちなみに、WebアプリケーションのスタートプログラムをAPG(WebClient)にしても表示されない(画面は真っ白)です。

  • SiziU

    出力されたAngularプロジェクト側の \app\magic\magic.gen.lib.module.tsファイルの中身を

    差し支えなければ、コメントに張り付けて頂けませんでしょうか?

  • ISHIJIMA

    ペットショップであればWeb Client版ペットショップ・セットアップ手順書があると思います。

    その通りに行ってできないという事でしょうか?

     

  • ISHIJIMA

    動作環境の実行モードがB=バックグラウンドになっていますか?

     

  • Kokubo

    SiziU様

    コメントありがとうございます。

     

    以下になります。

    ----------------------------------------------------

    import {NgModule, NgModuleRef} from '@angular/core';
    import {RouterModule} from '@angular/router';
    import {ReactiveFormsModule} from '@angular/forms';
    import {CommonModule} from "@angular/common";


    import {DynamicModule} from 'ng-dynamic-component';
    import {InfiniteScrollModule} from 'ngx-infinite-scroll';

    import {ComponentListMagicService, MagicModule, ExitMagicService} from "@magic-xpa/angular";
    import {magicGenComponents, magicGenCmpsHash, title, LazyLoadModulesMap} from './component-list.g';
    import {MagicAngularMaterialModule} from "@magic-xpa/angular-material-core";
    import {MatFormFieldModule} from "@angular/material/form-field";
    import {MatSelectModule} from "@angular/material/select";
    import {MatPaginatorModule} from "@angular/material/paginator";
    import {MatListModule} from "@angular/material/list";
    import {MatInputModule} from "@angular/material/input";
    import {MatRadioModule} from "@angular/material/radio";
    import {MatDatepickerModule} from "@angular/material/datepicker";
    import {MatSortModule} from "@angular/material/sort";
    import {MatTableModule} from "@angular/material/table";
    import {MatCheckboxModule} from "@angular/material/checkbox";
    import {MatDialogModule} from "@angular/material/dialog";
    import {MatCardModule} from "@angular/material/card";
    import {MatNativeDateModule} from "@angular/material/core";
    import {MatTabsModule} from "@angular/material/tabs";
    import {MatTooltipModule} from "@angular/material/tooltip";
    import {MatButtonModule} from "@angular/material/button";

    @NgModule({
    declarations: [
    ...magicGenComponents
    ],
    exports: [
    ...magicGenComponents,
    MagicModule
    ],
    imports: [
    // Angular Modules
    CommonModule,
    ReactiveFormsModule,
    RouterModule,

    // Magic Modules
    MagicModule,
    DynamicModule,
    InfiniteScrollModule,

    // Material Modules
    MatTableModule,
    MatPaginatorModule,
    MatInputModule,
    MatButtonModule,
    MatListModule,
    MatCheckboxModule,
    MatTabsModule,
    MatDialogModule,
    MatSelectModule,
    MatSortModule,
    MatTooltipModule,
    MatCardModule,
    MatRadioModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatFormFieldModule,
    MagicAngularMaterialModule
    ],
    providers: [ExitMagicService],
    })
    export class MagicGenLibModule {
    constructor(componentList: ComponentListMagicService, private moduleRef: NgModuleRef<any>) {
    componentList.addComponents(magicGenCmpsHash, moduleRef);
    componentList.title = title;
    componentList.lazyLoadModulesMap = LazyLoadModulesMap;
    }
    }

    ----------------------------------------------------------------------------------------

  • Kokubo

    ISHIJIMA様

    セットアップ手順通りにしても動かないです。

    >動作環境の実行モードがB=バックグラウンドになっていますか?

    バックグラウンドにしていますが、変わらずです。

  • Kokubo

    真っ白な画面で「F12」を押すとこのようなエラーが表示されます。

  • Kokubo

    すいません。

    画像大きくならないですね

    ------------------------------------------------------------------------------------------------------------------------------------

    core.js:191 Could not find HammerJS. Certain Angular Material components may not work correctly.
    _checkHammerIsAvailable @ core.js:191
    core.js:38781 Angular is running in the development mode. Call enableProdMode() to enable the production mode.
    magic-xpa-engine.js:52192 Magic Web Client. Version : 4.601.0
    magic-xpa-utils.js:6558 08:26:24.5 MagicWeb [ERROR]: in Environment.fillData(): unknown attribute: SpecialReuseTableEditor
    WriteToLog @ magic-xpa-utils.js:6558
    magic-xpa-utils.js:6558 08:26:24.5 MagicWeb [ERROR]: in Environment.fillData(): unknown attribute: SpecialExpReturnNull
    WriteToLog @ magic-xpa-utils.js:6558
    MagicShellComponent.html:3 ERROR Error: No component factory found for GettingStarted. Did you add it to @NgModule.entryComponents?
    at noComponentFactoryError (:4200/vendor.js:87652)
    at CodegenComponentFactoryResolver.resolveComponentFactory (:4200/vendor.js:87717)
    at DynamicComponent.createDynamicComponent (:4200/vendor.js:296863)
    at DynamicComponent.ngOnChanges (:4200/vendor.js:296853)
    at checkAndUpdateDirectiveInline (:4200/vendor.js:92279)
    at checkAndUpdateNodeInline (:4200/vendor.js:103617)
    at checkAndUpdateNode (:4200/vendor.js:103556)
    at debugCheckAndUpdateNode (:4200/vendor.js:104578)
    at debugCheckDirectivesFn (:4200/vendor.js:104521)
    at Object.eval [as updateDirectives] (ng:///MagicModule/MagicShellComponent.ngfactory.js:19)
    View_MagicShellComponent_1 @ MagicShellComponent.html:3
    MagicShellComponent.html:3 ERROR CONTEXT DebugContext_

    ------------------------------------------------------------------------------------------------------------------------------------

     

  • ISHIJIMA

    VisualStudioCodeでng serve --openを起動していると思いますが

    コンパイルは正常終了しているのでしょうか?

     

  • Kokubo

    Compiled successfully.

    と表示されているので、正常終了していると思っています。

  • ISHIJIMA

    VisualStudioCodeのターミナルの実際の画面先ほどのF12の画面みたいに投稿できますか

  • ISHIJIMA

    ブラウザの画面もお願いします。

    あと真っ白の画面の後少し時間をおいてエラー等は表示されませんか?

  • ISHIJIMA

    テクニカル情報のNo.2003881の

    「4.6をデフォルトでインストールした環境で、WebClient が実行できない問題」

    は関係ありませんか?

  • ISHIJIMA

    今からだっだら4.7.1の方が良いかも

  • SiziU
    \app\magic\magic.gen.lib.module.tsファイルの中身を拝見いたしました。
     
    このファイルの46行目を以下のように修正してから
    再度ご確認してみてください。
     
    // DynamicModule,
    DynamicModule.withComponents(magicGenComponents),
     
    どうぞ、よろしくお願いします。
  • Kokubo

    VSCの画面です

  • ISHIJIMA

    私も同じような画面ですので問題なさそうですね

  • Kokubo

    SiziU様

    教えて頂いた通りに修正したところ、以下のように表示されるようになりました。

    ありがとうございました。

    後学の為に教えていただきたいのですが、今回の件は何がいけなかったのかご存知でしたら教えていただけますでしょうか。

    ※インストールの仕方がいけなかったなど

     

     

  • ISHIJIMA

    動いてよかったですね

    再インストールして先ほどのところが変われば問題ないのでしょうね

    私の環境だと問題なく入っていますね・・

    インストール時の問題なのか先ほどのテクニカル情報のNo.2003881が関係しているのかな

    違うかもですが

  • Kokubo

    ISHIJIMA様

    「テクニカル情報のNo.2003881」ですが、記述はされておりました。

    ※SiziU様の作業前に確認しました。

  • ISHIJIMA

    「テクニカル情報のNo.2003881」は関係なかったんですね・・

    そうなるとなぜなのかな・・・

     

  • Kokubo

    何故なのでしょうね。

    私自身も何かしらのインストール時や設定時の不備であるのなら知りたいと思っています。

  • ISHIJIMA

    今のところ確認するとすれば再インストールしてどうなるかですね

    再インストールして問題が解決すればインストール時の問題ですし

    再インストールで問題が解決しなければ他の問題となりますね

    後はサポートに現在の状態でどのような事が考えられるか確認するくらいでしょうか

  • Kokubo

    せっかく動いたので、今すぐ再インストールっていうのは気が乗らないので後日試してみようと思います。

    ちなみに会社のマジシャンが、「magic.gen.lib.module.ts」を修正後に再インストールして、outputを全削除→Webアプリケーションの作成を行った所、「magic.gen.lib.module.ts」を再修正したとの事でした。

  • ISHIJIMA

    >ちなみに会社のマジシャンが、「magic.gen.lib.module.ts」を修正後に再インストールして、

    >outputを全削除→Webアプリケーションの作成を行った所、

    >「magic.gen.lib.module.ts」を再修正したとの事でした。

    再インストール後ダメだったという事ですか?

  • Kokubo

    再インストール後もダメで、SiziU様のコメントされた変更をしないといけないみたいです。

  • ISHIJIMA

    そうでしたか・・・・

    そうなるとサポートに確認するしかなさそうですね

    あとは最新の4.7.1で確認してみるとかでしょうか

サインインしてコメントを残してください。