음, 왜 PDF가 안 보이는지 잘 모르겠지만, 제 쪽에서는 여기에서 정상적으로 작동합니다. 브라우저에 플러그인이나 광고 차단기가 활성화되어 있나요?
저도 잘 작동합니다. 보안 미디어를 사용할 때도 마찬가지입니다.
iPad에서요? 그건 아닌 것 같아요. 그러면 문제는 결국 Safari 자체에 더 가까운 거겠죠. 그리고 DiscourseHub도 결국 Safari를 기반으로 하고 있으니까요.
어쨌든 — 지원되는 모든 브라우저와 기기에서 작동하지 않는다면 그것은 버그입니다. 하지만 뭔가 이상한 일이 일어나고 있는 것 같고, 이것이 Apple 쪽에서 오는 건지 해당 컴포넌트에서 오는 건지는 잘 모르겠어요.
DiscourseHub에서는 회색 박스밖에 안 보인다고 해서 DiscourseHub 탓으로 돌리고 싶지만, Safari 자체를 사용하면 첫 페이지만 보이고 다른 건 전혀 보이지 않아요. 그 툴박스도 안 보이고요.
Safari/iPad에서 제가 보는 것은 그저 깔끔한 첫 페이지뿐입니다.
아, 그렇군요. 제 iPad에서도 재현할 수 있습니다. 모든 브라우저에서 PDF의 1페이지만 표시됩니다.
다만, 이는 다음 이유 때문일 수 있습니다:
물론이죠 ![]()
(진심으로 이 코딩 방식이 더 흔해지지 않기를 바랍니다. 모든 모바일 기기에서 최소한 숨겨져 있지 않은 이런 기능은 대다수 사용자의 UX를 크게 해치므로 버그로 간주되어야 합니다. 물론 설치 여부를 결정하는 것은 관리자이지만, 여전히 그렇습니다)
Edge와 Chrome 데스크톱(두 브라우저 모두 플러그인 미설치)에서 확인되는 내용은 다음과 같습니다.
소스는 빈 프레임인 것 같습니다:
Discourse 로그에 관련 오류는 없습니다.
자바스크립트 콘솔에서 뭔가 보입니까?
구체적이고 명확한 재현 단계를 제공하지 않는 한, 이 문제를 해결하기가 쉽지 않아 보입니다.
제 환경에서는 테마 컴포넌트가 광고된 대로 정상적으로 작동하는 것 같습니다. 저는 이 컴포넌트를 자주 사용하며 정말 유용하게 느끼고 있습니다.
- Macbook Pro와 Chrome에서는 OP의 스크린샷과 동일한 PDF 미리보기가 표시됩니다.
- iPhone에서 Chrome과 Safari를 사용할 경우, OP에서 설명한 대로 미리보기 없이 PDF 링크만 표시됩니다.
정상적으로 설치하고 PDF 파일을 업로드하면 됩니다 ![]()
그런데 지금 문제가 있는 사람이 세 명이나 있습니다.
저도 어떻게 더 진행해야 할지 모르겠습니다. 여러분이 문제를 발견하지 못하고 우리가 에러를 받지 않는다면 상황을 해결하는 것이 불가능합니다. 물론 모든 구성 요소를 제거할 수는 있지만, 솔직히 저에게는 그다지 큰 문제가 아니며, 저는 좀 게으르기도 해서요… ![]()
불만만 제기하는 것보다 재현 단계를 명확하게 알려주면 훨씬 도움이 될 것입니다. 어떤 브라우저, 어떤 버전인지 등등. JavaScript 콘솔에 오류가 있나요? 충돌하는 플러그인이나 테마 컴포넌트가 있나요? 제공하기가 부담된다면 이 자리에 계신 다른 분들이 해줄 수도 있을 것입니다. 감사합니다!
말씀드린 대로, 이 플러그인은 제가 사용하는 모든 기기에서 광고된 대로 정상적으로 작동합니다.
정말 그렇습니다. 사실 저는 재현 단계를 제공했는데, 애초에 작동한 적이 없었기 때문입니다.
좋네요.
뭐든 상관없습니다. 제 환경에서는 작동하지 않습니다. 그리고 저만 그런 것이 아닙니다. 그리고 그 태도 때문에 제 관심은 완전히 사라졌습니다. 저는 그저 모든 구성 요소를 제거하고 이상한 충돌이 있는지 찾아보려 했을 뿐인데, 이거 없어도 전혀 문제없습니다.
재현 단계를 제공해 주셨나요? 긴 주제라 제가 놓친 것 같습니다. 해당 부분을 알려주시면, 그 단계를 따라 문제를 확인해 보고 어떻게 수정할 수 있을지 살펴보겠습니다.
원하시면 커뮤니티에 저를 초대해 주시면, 제 환경에서 해당 사이트의 경험이 어떻게 다른지 확인해 볼 수 있습니다.
이것은 브라우저의 특정 하위 버전에서만 발생하는 난해한 버그가 아닙니다. 일부 사용자(최소 저와 @Jagster)의 경우, 새로 설치한 브라우저와 브라우저 확장 프로그램이 하나도 없는 상태에서도 어떤 브라우저, 어떤 버전에서든 작동하지 않는 것으로 보입니다.
혹시 플러그인 중 하나와 충돌이 발생하는 것일 수 있으니, 제 플러그인 목록을 첨부합니다.
그렇지 않다면, 이전에 언급했듯이 해당 구성 요소를 활성화하고 “인라인” 모드로 설정하는 것 외에는 특별한 단계가 없습니다.
| 플러그인 | 버전 |
|---|---|
| discourse-assign 토픽에 사용자를 할당합니다 |
1.0.1 |
| discourse-bbcode-color BBCode 색상 태그를 지원하는 Discourse 플러그인입니다. |
0.2 |
| discourse-cakeday 생일 또는 Discourse 가입일에 사용자 이름 옆에 생일 케이크를 표시합니다. |
0.3 |
| discourse-calendar 토픽의 첫 번째 게시글에 캘린더를 표시합니다 |
0.3 |
| discourse-checklist Discourse에 체크리스트 기능을 추가합니다 |
0.4.1 |
| discourse-docs Discourse에서 지식 베이스 문서를 쉽게 탐색하고 찾을 수 있도록 하는 플러그인입니다 |
0.1 |
| discourse-math Discourse 공식 mathjax 플러그인입니다 |
0.9 |
| discourse-plugin-site-setting-override 사이트 설정을 오버라이드하는 예제 플러그인입니다 |
1.0.0 |
| discourse-policy Discourse 토픽에 정책을 적용합니다 |
0.1 |
| discourse-reactions 사용자가 게시글에 이모지로 반응할 수 있도록 합니다 |
0.2 |
| discourse-shared-edits Discourse에서 게시글을 공동으로 편집합니다 |
0.1.0 |
| discourse-teambuild Discourse를 위한 팀 빌딩 연습입니다 |
0.0.1 |
| discourse-topic-voting 지정된 카테고리에서 기능에 투표할 수 있는 기능을 추가합니다. |
0.5 |
| discourse-whos-online 화면 상단에 온라인 사용자 목록을 표시합니다 |
2 |
| docker_manager Discourse 이미지용 Docker 관리자입니다 |
0.1 |
수정:
이전에 생각해보지 못해서 죄송합니다. 하지만 브라우저 콘솔에서 오류를 확인할 수 있습니다:
Access to fetch at 'https://ddhctjh.s3.us-east-2.amazonaws.com/original/2X/d/d9b0bb43744e74691b087.pdf?X-Amz-Algorithm=..............' (redirected from 'https://dfgdfg.dfg/secure-uploads/meta/original/2X/d/d9b0bb474687.pdf') from origin '' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
여기서 테스트를 해보겠습니다. 플러그인을 일시적으로 활성화했습니다. 저에게는 잘 동작하나요? 여러분은 어떠신가요? (수정: 테스트 후 테마 구성 요소를 제거했습니다 - 저와 @Alon1에게 잘 동작하는 것을 확인했습니다)
sample-pdf-with-images.pdf (3.8 MB)
좋아요! 이 오류가 다른 사람들이 귀하의 사이트에서 문제의 원인을 정확히 파악하는 데 도움이 될 수 있습니다.
브라우저 플러그인(Allow CORS: Access-Control-Allow-origin :: MyBrowserAddon)을 설치하고 CORS를 켜면 플러그인이 정상 작동한다는 것을 확인했습니다.
물론 이것이 해결책은 아니지만, 문제 해결에 도움이 될 수 있습니다.
그 CORS 오류가 무슨 뜻인지 전혀 모르겠어요. 하지만 문제의 원인을 찾아가고 있는 것 같아요!
제 이해로는 이것이 크로스 도메인 문제인 것 같습니다. S3에 파일을 저장하기 때문에(“S3 업로드 활성화”) 자산의 도메인은 amazonaws.com이며, 이는 제 Discourse 설치 환경의 도메인과 다릅니다.
아마도 cors origins 관리자 설정을 확인해 보셔야 할 수도 있습니다?




