Glimmer 기반 테마 컴포넌트의 HTML에서 assets의 이미지를 어떻게 사용하나요?

개발
5

여기서 제공된 힌트와 ask.discourse.com 봇의 도움 덕분에 마침내 작동하게 만들었습니다:

  • discourse_theme CLI가 생성한 내용 위에 추가한 관련 커밋입니다.
  • 첫 번째 게시물에서 언급했던 이전의 실패한 시도와 차이점입니다.

@NateDhaliwal님께 감사드립니다!

이 과정에서 애를 먹었던 주요 사항들:

  • 템플릿에서 이중 중괄호({{ }}) 안에는 임의의 JavaScript 표현식(함수 호출 등)이나 필터 표현식(some-transormation-function someVariableOrLiteral 형태)이 작동하지 않습니다. 해당 위치에 보간할 수 있는 것은 단일 변수뿐입니다.
  • 두 개의 에셋 중 하나에 대해 about.json의 해당 파일 경로 값에 디렉터리 이름 assets/을 포함하는 것을 깜빡했습니다. 이로 인해 조용히 실패하여 해당 설정이 undefined가 되었고, 이는 아마도 전체 템플릿이 조용히 생략되는 등의 원인이 된 것 같습니다.
  • 개발 중 특정 시점에 discourse_theme watch ...로 동기화된 테마 구성 요소가 미리보기에서든 명시적으로 활성화하든 효과가 없었습니다. discourse_theme watch ...가 인스턴스에서 해당 구성 요소의 새 사본을 생성하도록 하고(이전 사본은 삭제) 문제를 해결했습니다. 정확히 무슨 일이 있었는지는 불분명합니다.