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

Windows11で「Webアプリケーションを作成」ができない?

コメント

9件のコメント

  • MSJ Admin

    muka さん、お世話になっております!

    コマンドプロンプトにて

    npm config set legacy-peer-deps true

    を試していただけますか?

    または上記のコマンドを入力後にnode_modulesフォルダを削除して

    npm install

    コマンドを行っていただけますか?

  • muka

    竹本さん、こんばんは!

     コマンド「npm config set legacy-peer-deps true」を実行した後はうまく行きました。「Webアプリケーションの作成」を行っても大丈夫のようです。
     有難うございます。m(__)m

     しかし、このコマンドを知らないと絶対ハマりますね!
     MAGICの開発者にとっては、「え、それって何?」状態ですわw
     やはりWindows11以降に起きる問題なのでしょうか?

  • muka

    大丈夫と書きましたが、「ng build」コマンドを実行したときも嵐のようなエラーが出てしまいます。
    (Windows11)
    こちらもWindows10環境では問題なく「dist」されるんですけれど…

  • MSJ Admin

    自分の場合はヘルプの

    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行を追加すると変わりますか?

     

     

  • muka

    竹本さん、こんにちは。

    >たぶんWindows11のOSというよりはAngular13+Magicモジュールの組み合わせで起こる現象と思います。

     なるほど。でもそもそもWindows11では警告が出て動かないので node-v18.12.1-x64.msi をインストールすることになりました。

    >導入マニュアルとかプロジェクト構築時のバッチに組み込まなきゃですよねぇ;

     WebClientをWindows11で動かすための導入マニュアルは必須ですね...

    >ng serveの時はエラーはでませんか??

     問題なく動作しています。

    >この3行を追加すると変わりますか?

     嵐は過ぎ去り、「Generating browser application bundles」の左側に青い風車が回りだしました!
     これは!!と思ったんですが、2時間を経過しても風車は止まりません T_T
     Windows10の環境では数分程度で終わりますから、明らかに異常かと思われます。

  • MSJ Admin

    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

    とコンパイルを行っていただいてもよろしいですか^-^?

  • muka

    竹本さん、こんばんは

    >ということは既にあるプロジェクトですか?

     最初に書いた「現象」の通り、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.
  • MSJ Admin

    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プロジェクトの設計・開発において、サイトパフォーマンスに影響を与える特定の値に対して、超過してはならない制限値をまとめたものです。

     

     

  • muka

    竹本さん、こんにちは。

    ご回答ありがとうございました。
    返信遅れて申し訳ありません。
    (年末年始、まるまる今日までお休みしてましたので…(^^;)

    指摘頂いた数値を変更することによりエラーは出なくなりました。
    有難うございます。

    今年もよろしくお願い致します。

    向井田

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