ホームページのロゴをクリックしたときにエラーが発生する

開発
11

そのパスは絶対におすすめしません。それは問題の根本原因を修正するのではなく、副作用に絆創膏を貼るようなものです。それによって、さらに多くの問題が発生します（最新のトピックが上記のコードのために発生したように）。

JSをDiscourseフレンドリーにすることができます（可能な限りプラグインのアウトレットを使用するのが最善の方法です）。
例を挙げます。ページ変更時にAPIを使用し、特定のルートでコードを実行し、リンクの前のHTMLをコピーします（タグをクリックできるように）。

JS 
<script type="text/discourse-plugin" version="0.8">
  const { next } = require("@ember/runloop");
  
  function moveTags() {
    const mainLinks = document.querySelectorAll(".main-link:not(.tags-moved)");
    
    mainLinks.forEach((mainLink) => {
      const discourseTags = mainLink.querySelector(".discourse-tags");
      const titleElement = mainLink.querySelector("a[data-topic-id]");

      if (discourseTags && titleElement) {
        titleElement.insertAdjacentHTML("beforebegin", discourseTags.outerHTML);
        mainLink.classList.add('tags-moved');
      }
    });
  }

  api.registerModelTransformer("topic", async (topics) => {
    next(() => {
      moveTags();
    })
  });

  api.onPageChange((url) => {
    if (url.startsWith("/categories")) {
      moveTags();
    }
  });
</script>
CSS 
.top-row, 
.link-top-line {
    .discourse-tag {
        font-size: var(--font-down-2) !important;
        padding: 2px 8px;
        margin: 2px 5px 2px -6px;
        border-radius: 10px;
        border: 1px solid #444460;
        background-color: #1f1f33;
    }
    
    .discourse-tag::after {
        content: '' !important;
        margin-left: 0 !important;
    }
}

.bottom-row, 
.link-bottom-line {
    .discourse-tags {
        display: none;
    }
}
「いいね！」 2