デプロイ時のassets:precompileでWarnningが大量に出力されるので対応しました。
これ自体はメッセージ通りやればOKなのですが、他のエラーにも遭遇したのでメモしておきます。

% cap production deploy
00:31 deploy:assets:precompile
      01 ~/.rvm/bin/rvm ruby-3.0.0 do bundle exec rake assets:precompile
      01 yarn install v1.22.19
      01 [1/4] Resolving packages...
      01 success Already up-to-date.
      01 Done in 0.51s.
      01 Compiling...
      01 Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-methods since th…
      01 The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-pri…
      01 	["@babel/plugin-proposal-private-methods", { "loose": true }]
      01 to the "plugins" section of your Babel config.
      01 Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-property-in-obje…
      01 The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-pri…
      01 	["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
      01 to the "plugins" section of your Babel config.

メッセージ通り追加すればOK

babel.config.js

    plugins: [
      'babel-plugin-macros',
      '@babel/plugin-syntax-dynamic-import',
      isTestEnv && 'babel-plugin-dynamic-import-node',
      '@babel/plugin-transform-destructuring',
      [
        '@babel/plugin-proposal-class-properties',
        {
          loose: true
        }
      ],
+      ['@babel/plugin-proposal-private-methods', { loose: true }],
+      ['@babel/plugin-proposal-private-property-in-object', { loose: true }],

今回のコミット内容
https://dev.azure.com/nightonly/rails-app-origin/_git/rails-app-origin/commit/3a746f26351f9738fd1d8ae9c90dea57d8f019fc

ブラウザでjsエラー

別にpullしているソースでrails sで動作確認すると、デザインが崩れる現象が発生しました。

ブラウザのコンソールに下記エラーが出ていました。

bootstrap:83 Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/plugin-proposal-private-property-in-object'

「bundle install」「yarn install」しても変わらず。

Gemfile.lockとyarn.lockを削除して、
「bundle install」「yarn install」で復旧。

Gemfile.lockとyarn.lockを元に戻して、
「bundle install」「yarn install」してもエラーは出なくなりました。
とは言え、moduleが足りないんでしょうね。
いずれバージョンアップするし、今回は動けば良いので、深追いしない事にしました。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です