☰

내 시스템의 어떤 브라우저에서도 HTML이 로컬 이미지를 로드하지 않습니다. [닫기]

tag-icon • tag-icon filesystems webserver images html
내 시스템의 어떤 브라우저에서도 HTML이 로컬 이미지를 로드하지 않습니다. [닫기]

질문

Arch Linux를 실행하는 기본 데스크탑 시스템에서 다음과 같은 태그와 이미지가 포함된 HTML 파일을 만들 때:

<img src="imagepath" alt="sometext">

이 이미지는 어떤 브라우저에도 표시되지 않습니다. 이미지 경로가 올바르게 설정되었으며 상대, 절대 및 file:// 경로를 시도했지만 그 중 아무 것도 작동하지 않습니다.

가장 이상한 것

나를 괴롭히는 것은 Linux mint 20을 실행하는 랩톱에서 동일한 단계를 수행하면 모든 것이 잘 작동한다는 것입니다. 따라서 여기서 문제는 나만 바보가 아니라는 것입니다.

또한 테스트를 위해 Debian VM을 설치했는데 문제가 발생하지 않았습니다.

내가 시도한 것들:

  • NoScript 형식의 확장 기능 비활성화
  • 다양한 이미지 경로 조합을 시도해 보세요.
  • 다른 웹 브라우저(예: Firefox, Chrome 등)를 사용해 보세요.
  • Visual Studio Code의 라이브 서버 5개를 사용하여 서버를 테스트합니다.
  • NGINX를 사용하여 두 파일을 모두 호스팅합니다.
  • 이미지 권한을 가지고 놀기

전에 이런 말을 들어본 사람이 있나요?

누구든지 도움을 줄 수 있다면 큰 의미가 있을 것입니다.

내 전체 코드는 다음과 같습니다

<!DOCTYPE html>
<html>

    <head><!--{{{-->
            <meta name="viewport" content="width=device-width">
            <title>Vieml</title>
    </head><!-- }}} -->

    <body>
        <h1>My first webpage</h1>
        <p>this is sample text</p>

        <img scr="BR.jpg" alt="image"/>

    </body>

</html>

그리고 디렉토리 구조는 다음과 같습니다.

~/code/website ❯ tree
.
├── BR.jpg
├── index.html
└── test.html

좋은 하루 보내세요!

답변1

이것을 알아차리는 데 시간이 좀 걸렸지만 아직 Arch에서 VIM 설정을 완료하지 않았지만 Debian에서는 더 나은 설정이 있다는 것입니다. 내 Debian 컴퓨터에는 파일 린터가 있지만 최신 Arch 컴퓨터에는 없습니다.

문제는 @Kusalananda가 댓글을 달고 철자를 잘못 썼고 src파일 scr을 Debian으로 옮겼을 때 자동으로 보풀이 생기고 수정되었기 때문에 Debian에서는 작동했지만 Arch에서는 작동하지 않는 이유를 혼란스럽게 했습니다.

아무튼 저의 어리석은 글에 답변을 주신 모든 분들께 감사드립니다.

좋은 하루 되세요!

관련 정보