如何修复链接库“ img / Yellow.svg”不能与上下文相关(/)或与页面相关

时间:2019-04-23 13:54:35

标签: java twitter-bootstrap spring-boot thymeleaf html-email

当我在百里香html电子邮件模板中引用images/Yellow.svg时,出现500错误。我得到的错误如下:

  

发生意外错误(类型=内部服务器错误,状态= 500)。   除非实现org.thymeleaf.context.IWebContext接口(上下文属于类:org.thymeleaf.context.Context)(../ templates),否则链接库“ img / Yellow.svg”不能与上下文相关(/)或与页面相关。 / create-account-email:49)

这是我引用图像的代码:

<img id="right-logo" src="../static/img/Yellow.svg" th:src="@{img/Yellow.svg}" alt="yellow logo"/>

我尝试执行以下操作,但对我而言不起作用。

<img id="right-liberty-logo" src="../static/img/Yellow.svg" th:src="@{~img/Yellow.svg}" alt="yellow liberty logo"/>```

1 个答案:

答案 0 :(得分:1)

我下载了百里香叶示例项目(pet clinic),并将 pets.png 图片更改为添加到项目中的svg文件:

 src
  └───  main
      └───  webapp
          └───  resources
              └───  images
                  └─── test.svg

一切正常。在显示此图像的文件 welcome.html 中,文件的路径设置如下: <img src="../../resources/images/test.svg" th:src="@{/resources/images/test.svg}" /> welcome.html 的路径是:

 src
  └───  main
      └───  webapp
          └───  WEB-INF
              └───  thymeleaf
                  └─── welcome.html

确保正确设置了srcth:src属性。