Magic xpa Web Client
お疲れ様です。
Magic xpa Web Clientを勉強しているのですが、「ng serve --open」しても真っ白な画面に
なります。
解決策をご存知の方いらっしゃいますでしょうか。
タスクをRIAに変更すると、実行できます。
Angular側に「Hello World」と書くと、「ng serve --open」後に表示されるブラウザに表示されます。
入門なのでどこを確認しても良いか分からない状態です。
ここを教えてもらわないと困るという事であれば教えてください。
Magic xpa 4.6.1 PT3
Angular CLI:8.3.29
Node :12.14.1
Angular :8.2.14
-
何をみて勉強されていますか？
ng serve --openの後に何かエラーメッセージとか表示されていませんか？
-
下記ＵＲＬでペットショップのデモで勉強されて見てはいかがでしょうか
Web Clientスタートアップキャンペーン | マジックソフトウェア (magicsoftware.com)
-
ISHIJIMA様
コメントありがとうございます。
教材は最初はPETSHOPでした。実行出来なかった(実行時に画面が真っ白)ので、MOSにあるWebclientの動画に挑戦しましたがダメでした。
※同じく画面は真っ白 -
ちなみに、WebアプリケーションのスタートプログラムをAPG(WebClient)にしても表示されない(画面は真っ白)です。
-
出力されたAngularプロジェクト側の \app\magic\magic.gen.lib.module.tsファイルの中身を
差し支えなければ、コメントに張り付けて頂けませんでしょうか？
-
ペットショップであればWeb Client版ペットショップ・セットアップ手順書があると思います。
その通りに行ってできないという事でしょうか？
-
動作環境の実行モードがＢ＝バックグラウンドになっていますか？
-
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;
}
}----------------------------------------------------------------------------------------
-
ISHIJIMA様
セットアップ手順通りにしても動かないです。
＞動作環境の実行モードがＢ＝バックグラウンドになっていますか？
バックグラウンドにしていますが、変わらずです。
-
真っ白な画面で「F１２」を押すとこのようなエラーが表示されます。
-
すいません。
画像大きくならないですね
------------------------------------------------------------------------------------------------------------------------------------
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_------------------------------------------------------------------------------------------------------------------------------------
-
VisualStudioCodeでng serve --openを起動していると思いますが
コンパイルは正常終了しているのでしょうか？
-
Compiled successfully.
と表示されているので、正常終了していると思っています。
-
VisualStudioCodeのターミナルの実際の画面先ほどのＦ１２の画面みたいに投稿できますか
-
ブラウザの画面もお願いします。
あと真っ白の画面の後少し時間をおいてエラー等は表示されませんか？
-
テクニカル情報のNo.2003881の
「4.6をデフォルトでインストールした環境で、WebClient が実行できない問題」
は関係ありませんか？
-
今からだっだら４．７．１の方が良いかも
-
\app\magic\magic.gen.lib.module.tsファイルの中身を拝見いたしました。このファイルの46行目を以下のように修正してから再度ご確認してみてください。// DynamicModule,DynamicModule.withComponents(magicGenComponents),どうぞ、よろしくお願いします。
-
VSCの画面です
-
私も同じような画面ですので問題なさそうですね
-
SiziU様
教えて頂いた通りに修正したところ、以下のように表示されるようになりました。
ありがとうございました。
後学の為に教えていただきたいのですが、今回の件は何がいけなかったのかご存知でしたら教えていただけますでしょうか。
※インストールの仕方がいけなかったなど
-
動いてよかったですね
再インストールして先ほどのところが変われば問題ないのでしょうね
私の環境だと問題なく入っていますね・・
インストール時の問題なのか先ほどのテクニカル情報のNo.2003881が関係しているのかな
違うかもですが
-
ISHIJIMA様
「テクニカル情報のNo.2003881」ですが、記述はされておりました。
※SiziU様の作業前に確認しました。
-
「テクニカル情報のNo.2003881」は関係なかったんですね・・
そうなるとなぜなのかな・・・
-
何故なのでしょうね。
私自身も何かしらのインストール時や設定時の不備であるのなら知りたいと思っています。
-
今のところ確認するとすれば再インストールしてどうなるかですね
再インストールして問題が解決すればインストール時の問題ですし
再インストールで問題が解決しなければ他の問題となりますね
後はサポートに現在の状態でどのような事が考えられるか確認するくらいでしょうか
-
せっかく動いたので、今すぐ再インストールっていうのは気が乗らないので後日試してみようと思います。
ちなみに会社のマジシャンが、「magic.gen.lib.module.ts」を修正後に再インストールして、outputを全削除→Webアプリケーションの作成を行った所、「magic.gen.lib.module.ts」を再修正したとの事でした。
-
>ちなみに会社のマジシャンが、「magic.gen.lib.module.ts」を修正後に再インストールして、
>outputを全削除→Webアプリケーションの作成を行った所、
>「magic.gen.lib.module.ts」を再修正したとの事でした。
再インストール後ダメだったという事ですか？
-
再インストール後もダメで、SiziU様のコメントされた変更をしないといけないみたいです。
-
そうでしたか・・・・
そうなるとサポートに確認するしかなさそうですね
あとは最新の４．７．１で確認してみるとかでしょうか
サインインしてコメントを残してください。
コメント
66件のコメント