Windows11で「Webアプリケーションを作成」ができない?
ご無沙汰してます。m(__)m
新しくWindows11のPCを購入してWebClientの動作を確認していたのですが、エラーが出て動作させられない現象に遭遇しました。
実はサポート契約が切れてまして(;^ω^)、年明けにでも更新して問い合わせするつもりですが、何かご存じの方がいらっしゃれば教えていただきたく投稿致します。
何か基本的なことではないかとは思うのですが...
<現象>
1) Windwos10で作成したAngularソースをWindows11に移植して動作させる分には問題なく実行できた
2) Windows11でWebアプリケーションを作成するとAngularサーバ起動時にエラーが出てしまう
1に関連して、
・購入直後の端末で、スクリプトの実行が無効になっている問題
→ プライバシーとセキュリティの設定を変更
・Windows10で動作していたNode jsのバージョンで警告される問題
→ node-v18.12.1-x64.msi をインストール
・サーバ移行による問題
→ server-config.jsonのserver名の値を変更
2に関連して、
「Webアプリケーションの作成」は正常に終了したように見えます。
が、「ng serve」をVS Codeで実行すると画面一杯にエラーが出て、スクロールも遡れないくらい膨大なエラーが表示されます。
(シンプルなプログラムを1本作成して試しましたが、それでも先頭までは遡れなかった)
因みに、ターミナル画面のテキストはファイルに落とせるんですかね?よく分からないので、ハードコピーは一部だけ取ってあります。
-
muka さん、お世話になっております!
コマンドプロンプトにて
npm config set legacy-peer-deps true
を試していただけますか?
または上記のコマンドを入力後にnode_modulesフォルダを削除して
npm install
コマンドを行っていただけますか?
-
竹本さん、こんばんは!
コマンド「npm config set legacy-peer-deps true」を実行した後はうまく行きました。「Webアプリケーションの作成」を行っても大丈夫のようです。
有難うございます。m(__)mしかし、このコマンドを知らないと絶対ハマりますね!
MAGICの開発者にとっては、「え、それって何?」状態ですわw
やはりWindows11以降に起きる問題なのでしょうか? -
大丈夫と書きましたが、「ng build」コマンドを実行したときも嵐のようなエラーが出てしまいます。
(Windows11)
こちらもWindows10環境では問題なく「dist」されるんですけれど… -
自分の場合はヘルプの
Home > Magic xpa 逆引き辞典 > Web Client アプリケーションの開発 > Web ClientアプリケーションをAngular 10からAngular 13にアップグレードするには
からnpm config set legacy-peer-deps trueを引用したんですがわかりづらいですよね;
たぶんWindows11のOSというよりはAngular13+Magicモジュールの組み合わせで起こる現象と思います。
導入マニュアルとかプロジェクト構築時のバッチに組み込まなきゃですよねぇ;
ng buildのほうは・・・。嵐のようなエラーですね。
ng serveの時はエラーはでませんか??
tsconfig.jsonのcompilerOptionsグループの中に
"strictNullChecks": false, /* 厳密なヌルチェックを有効にします。 */
"noImplicitAny": false, /* 暗黙の 'any'型で式と宣言のエラーを発生させます。 */
"noImplicitThis":false, /* 暗黙の 'this'使用で式と宣言のエラーを発生させます。 */この3行を追加すると変わりますか?
-
竹本さん、こんにちは。
>たぶんWindows11のOSというよりはAngular13+Magicモジュールの組み合わせで起こる現象と思います。
なるほど。でもそもそもWindows11では警告が出て動かないので node-v18.12.1-x64.msi をインストールすることになりました。
>導入マニュアルとかプロジェクト構築時のバッチに組み込まなきゃですよねぇ;
WebClientをWindows11で動かすための導入マニュアルは必須ですね...
>ng serveの時はエラーはでませんか??
問題なく動作しています。
>この3行を追加すると変わりますか?
嵐は過ぎ去り、「Generating browser application bundles」の左側に青い風車が回りだしました!
これは!!と思ったんですが、2時間を経過しても風車は止まりません T_T
Windows10の環境では数分程度で終わりますから、明らかに異常かと思われます。 -
muka さんこんばんは!
Windows10の環境では数分程度で終わりますから
ということは既にあるプロジェクトですか?
私の環境だとnode-v16.16.0-x64.msiだったんですがnode-v18.12.1-x64.msiでのコンパイルできました。
ちなみに新規プロジェクトで簡単なプログラムでもコンパイル時にエラーがでますか?
できましたらそのときのエラーの一部でもいただけたら解析できるかもです^-^。
あとキャッシュの
.angular
dist
フォルダを消して
node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --configuration production
とコンパイルを行っていただいてもよろしいですか^-^?
-
竹本さん、こんばんは
>ということは既にあるプロジェクトですか?
最初に書いた「現象」の通り、1)~2)の手順で既存のプロジェクトを移行しています。
>ちなみに新規プロジェクトで簡単なプログラムでもコンパイル時にエラーがでますか?
新規で作成した簡単なプログラム1本のプロジェクトでは「tsconfig.json」の修正なしで無限ループに陥らずにコンパイルは完了しました。
エラーとなりましたが、「dist」フォルダ内にファイルは出来ています。
以下、ターミナルのメッセージを記載します。C:\WORK\TEST\output\TEST>ng build
√ Browser application bundle generation complete.
Initial Chunk Files | Names | Raw Size | Estimated Transfer Size
main.b438193f584ed829.js | main | 2.46 MB | 514.65 kB
styles.b0e175b29efe8076.css | styles | 74.20 kB | 7.88 kB
polyfills.9c21793e66c782cd.js | polyfills | 33.12 kB | 10.66 kB
runtime.6af768a00ceee0c5.js | runtime | 1.13 kB | 631 bytes
| Initial Total | 2.56 MB | 533.80 kB
Build at: 2022-12-29T11:43:22.426Z - Hash: 8276b28644ed02a1 - Time: 40471ms
Warning: C:\WORK\TEST\output\TEST\node_modules\@magic-xpa\mscorelib\fesm2015\magic-xpa-mscorelib.mjs depends on 'text-encoding'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\WORK\TEST\output\TEST\node_modules\@magic-xpa\utils\fesm2015\magic-xpa-utils.mjs depends on 'xml2js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: bundle initial exceeded maximum budget. Budget 500.00 kB was not met by 2.08 MB with a total of 2.56 MB.
Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 1.56 MB with a total of 2.56 MB.ここで、.angular、dist フォルダを削除
結果は変わらず?(相違個所はコマンドラインと処理時刻のみ?)C:\WORK\TEST\output\TEST>node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --configuration production
√ Browser application bundle generation complete.
Initial Chunk Files | Names | Raw Size | Estimated Transfer Size
main.b438193f584ed829.js | main | 2.46 MB | 514.65 kB
styles.b0e175b29efe8076.css | styles | 74.20 kB | 7.88 kB
polyfills.9c21793e66c782cd.js | polyfills | 33.12 kB | 10.66 kB
runtime.6af768a00ceee0c5.js | runtime | 1.13 kB | 631 bytes
| Initial Total | 2.56 MB | 533.80 kB
Build at: 2022-12-29T11:55:57.034Z - Hash: 8276b28644ed02a1 - Time: 37907ms
Warning: C:\WORK\TEST\output\TEST\node_modules\@magic-xpa\mscorelib\fesm2015\magic-xpa-mscorelib.mjs depends on 'text-encoding'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: C:\WORK\TEST\output\TEST\node_modules\@magic-xpa\utils\fesm2015\magic-xpa-utils.mjs depends on 'xml2js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
Warning: bundle initial exceeded maximum budget. Budget 500.00 kB was not met by 2.08 MB with a total of 2.56 MB.
Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 1.56 MB with a total of 2.56 MB. -
muka さん。
エラーからたぶんこれです^-^。
Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 1.56 MB with a total of 2.56 MB.
ってでてるので
Angular.jsonのmaximumWarningとmaximumErrorの値を以下のように変えてあげてください^-^。
"budgets": [
{
"type": "initial",
"maximumWarning": "5mb",
"maximumError": "10mb"
},たぶんこれで大丈夫のはずです。
What does budgets mean?
パフォーマンスバジェットとは、Webプロジェクトの設計・開発において、サイトパフォーマンスに影響を与える特定の値に対して、超過してはならない制限値をまとめたものです。
-
竹本さん、こんにちは。
ご回答ありがとうございました。
返信遅れて申し訳ありません。
(年末年始、まるまる今日までお休みしてましたので…(^^;)指摘頂いた数値を変更することによりエラーは出なくなりました。
有難うございます。今年もよろしくお願い致します。
向井田
サインインしてコメントを残してください。
コメント
9件のコメント