アップデート後のテーマコンポーネントに関する重大な問題

piffy · 2025 年 9 月 2 日午前 10:10

このコミットにアップデートしました: Commits · discourse/discourse · GitHub 2f398db9b66f19220b5a7f56721a68f41dcdeeec

2つの異なるテーマコンポーネントが、私のサイトを完全に壊してしまいます。それらは「Modern Category + Group Boxes」 (Air Theme) と Avatar Size and Shape です。

これらはサイトを使い物にならない状態にします（ループ？）。FirefoxとChrome（デスクトップ）の両方で発生します。

プラグインなしで、また異なるテーマで単独で試しました（つまり、プラグインなしのセーフモードで、単独のテーマで）、したがって、私のインスタンス固有の問題ではないと思います。

コンソールには次のような行が表示されます。

Uncaught TypeError: Cannot read properties of null (reading ‘syscall’)

Uncaught (in promise) TypeError: Invalid value used as weak map key

message-bus.js:118 MESSAGE BUS FAIL: callback /latest caused exception TypeError: Cannot read properties of null (reading ‘syscall’)

一時的な解決策として、問題が解決するまでユーザーを一般的なテーマに強制的に移行させています。このエラーを再現できるかどうか教えてください。

j.jaffeux · 2025 年 9 月 2 日午前 10:54

申し訳ありませんが、今のところ再現できません

Don · 2025 年 9 月 2 日午前 11:41

私も自分のサイトで同じ問題が発生しています。例えば、ログアウトすると、ページが真っ白になり、同じエラーが表示されます。一部のユーザーからは、ページが空白になるためログインできないという報告もあります。ランダムに発生しているようです。

主な問題は、原因を示す明確なエラーメッセージがないことです。テーマコンポーネントを確認して追跡しようとしました。ほとんどを gjs に更新しましたが、興味深いのは、特定のコンポーネントを非アクティブ化してから再度アクティブ化すると、エラーなしでサイトが再び機能し始めることです。しかし、まだ原因はわかっていません… 問題は（カスタム）テーマコンポーネントが存在するページでのみ発生しているようです。少なくとも、問題がコンポーネントのいずれかから来ているという手がかりになります。

merefield · 2025 年 9 月 2 日午後 12:28

これを手がかりに特定できるかもしれません。

ヘルパーを確認してください！

j.jaffeux · 2025 年 9 月 2 日午後 12:50

それが起こっているページ/サイトを共有してもらえますか @Don @piffy？

piffy · 2025 年 9 月 2 日午後 5:18

アバターコンポーネントのみのシンプルなテーマをここに設定しました: Elite Fourum - E4 - efour

https://www.elitefourum.com/latest?safe_mode=no_plugins&preview_theme_id=39

（デスクトップのFirefoxとChrome）でこのリンクから問題を再現できます。

モダンカテゴリ + グループボックス: Elite Fourum - E4 - efour

https://www.elitefourum.com/?safe_mode=no_plugins&preview_theme_id=58

こちらは再現が難しいようです。管理者アカウントでログインしている場合（ChromeとFirefox）に問題が発生しますが、ダミーアカウントで試した場合は発生しません。両方のテーマコンポーネントでバグは似ているようなので、片方を修正すればもう片方も解決するかもしれません。

お役に立てば幸いです！

piffy · 2025 年 9 月 2 日午後 5:23

解釈可能なエラーメッセージとして最も近いものは次のとおりです。

client-error-handler.js:125 [THEME 39 ‘Test’] Error: admin/components/color-input モジュールが見つかりません (require) からインポートされました

customize-edit-category-general.js は Air Theme から来ています。

github.com/discourse/discourse-air

javascripts/discourse/initializers/customize-edit-category-general.js

02694cf4c


      
          import { cancel } from "@ember/runloop";
          import { withPluginApi } from "discourse/lib/plugin-api";
          
          export default {
            name: "customize-edit-category-general",
          
            initialize() {
              withPluginApi("0.8.14", (api) => {
                api.modifyClass("component:edit-category-general", {
                  pluginId: "discourse-air",
          
                  didInsertElement() {
                    this._super(...arguments);
                    document.body.classList.add("edit-category");
                    this._focusCategoryName();

コアでは:

github.com/discourse/discourse

app/assets/javascripts/discourse/app/components/edit-category-general.gjs

b07438202


      
          import categoryBadge from "discourse/helpers/category-badge";
          import { categoryBadgeHTML } from "discourse/helpers/category-link";
          import lazyHash from "discourse/helpers/lazy-hash";
          import {
            CATEGORY_STYLE_TYPES,
            CATEGORY_TEXT_COLORS,
          } from "discourse/lib/constants";
          import getURL from "discourse/lib/get-url";
          import Category from "discourse/models/category";
          import { i18n } from "discourse-i18n";
          import ColorInput from "admin/components/color-input";
          import CategoryChooser from "select-kit/components/category-chooser";
          import ColorPicker from "./color-picker";
          
          export default class EditCategoryGeneral extends Component {
            @service site;
            @service siteSettings;
          
            uncategorizedSiteSettingLink = getURL(
              "/admin/site_settings/category/all_results?filter=allow_uncategorized_topics"
            );

Don · 2025 年 9 月 2 日午後 5:45

これも同じ問題のようです: Forum navbar is repeating

david · 2025 年 9 月 2 日午後 6:14

これにより、air テーマの color-input エラーが修正されます。しかし、この問題は新しいものではないため、これらのレンダリングエラーの原因である可能性は低いと思われます。

github.com/discourse/discourse

FIX: Do not directly import `admin` module from main app

main ← optional-require-color-input

opened 06:13PM - 02 Sep 25 UTC

davidtaylorhq

+3 -1

This import will fail for non-admin users. Most of the time this isn't causing a… problem, since `edit-category-general` isn't imported by non-admin logic. However, if a theme imports or calls `modifyClass` on it, this import will be evaluated and fail. This was affecting an initializer in the discourse-air theme for non-admin users. However, the automatic error recovery for theme initializers caught it, so the only impact was a console log.

david · 2025 年 9 月 2 日午後 6:56

@piffy 最新の tests-passed に更新してみていただけますでしょうか。color-input の修正が役立つかもしれません。

再ビルド後も問題が解決しない場合は、以下をお試しください。

./launcher enter app
rails c
Discourse.clear_all_theme_cache!

お時間があれば @don さんも同様にお願いします。

これで問題が解決した場合、先週 Ember のバージョンを上げた際に発生するはずだったテーマキャッシュの無効化に問題があることを示唆しています。

Don · 2025 年 9 月 2 日午後 7:23

Davidさん、ありがとうございます。これでうまくいきました。

piffy · 2025 年 9 月 2 日午後 7:29

テーマキャッシュのリセットで解決しましたが、アップデートでは解決しませんでした。

david · 2025 年 9 月 2 日午後 7:31

承知いたしました。確認ありがとうございます。テーマのキャッシュシステムでこの問題を解決し、手動での対応が不要になるように試みます。

それまでの間、この問題が発生した他のユーザーのために、以下の手順をコンソールで実行してください。

Uncaught TypeError: Cannot read properties of null (reading ‘syscall’)

Uncaught (in promise) TypeError: Invalid value used as weak map key

以下の手順をコンソールで実行してください。

./launcher enter app
rails c
Discourse.clear_all_theme_cache!

david · 2025 年 9 月 2 日午後 7:45

@piffy @Don お二人ともシングルコンテナの標準インストールを実行していますか？

Don · 2025 年 9 月 2 日午後 7:49

はい、単一コンテナの標準インストールを使用しています。

piffy · 2025 年 9 月 2 日午後 7:53

DigitalOcean 上で Discourse をシングルコンテナで実行しており、Ubuntu 20.04.6 LTS (公式サポートは終了しているようです) を使用しています。

標準インストールからの主な変更点は以下の通りです。

david · 2025 年 9 月 2 日午後 8:02

もう一つ質問があります。最初に問題が発生したとき、UIのアップデートを実行していましたか、それともCLIの再構築を実行していましたか？

piffy · 2025 年 9 月 2 日午後 8:04

CLI

投稿の文字数制限（20文字）を克服するために、さらに単語を追加します

Don · 2025 年 9 月 2 日午後 8:06

はい、私もです。最初にUIのアップデートを行いました。

david · 2025 年 9 月 2 日午後 9:07

問題を再現できませんでしたが、UIベースのアップグレードの動作方法に特有の可能性のある問題が1つ見つかりました。これで解決するはずです。

github.com/discourse/discourse

FIX: Ensure ember version in cache key is coupled to compiler

main ← ember-version-cache

opened 08:59PM - 02 Sep 25 UTC

davidtaylorhq

+15 -19

During in-container updates, the old version of the application continues runnin…g while an update is applied. That means that it's possible for the `node_modules/ember-source` version to be different to the version currently loaded in the transpiler. That means it's theoretically possible for theme assets to be built with the old compiler, and then stored against the new version. This commit removes that race condition by adding an `ember_version` method to the JS transpiler. This is guaranteed to give us an accurate version number for the template-compiler currently being used for themes. This commit also bumps the BASE_COMPILER_VERSION to force a recompile on any sites affected by this race condition.

再コンパイルも強制されるため、このバグの影響を受けているサイトは、次のアップデート後に修正されます。

トピック		返信	表示
TypeError: Cannot read properties of null (reading 'en') Bug	4	552	2025 年 5 月 12 日
Theme component update issue Dev	7	233	2024 年 6 月 7 日
Uncaught TypeError: Cannot read property 'apply' of undefined Bug	13	8531	2019 年 11 月 4 日
Upcoming theme components 'use strict' change - themes break after upgrading Discourse Support	17	1378	2021 年 4 月 13 日
Theme-error-suffix Support	4	627	2023 年 4 月 11 日

アップデート後のテーマコンポーネントに関する重大な問題

関連トピック