NEXTJS：GET http://localhost:3000/highLightTitle.png 404（未找到）content.js:199

Question

我有一个下一个js项目，我的代码与项目内的GET http://localhost:3000/highLightTitle.png没有任何关系，但我的项目仍然给出关于此问题的错误 克）

项目内的 GET http://localhost:3000/highLightTitle.png 没有任何内容，但我的项目仍然给出有关此问题的错误

Answer 1

错误消息表明您的应用程序正在尝试从

http://localhost:3000/highLightTitle.png

加载图像，但服务器返回 404 错误，因为它无法在该 URL 找到图像。

发生这种情况可能有以下几个原因：

1. 图像

   highLightTitle.png

   可能不存在于 Next.js 项目的

   public

   目录中。在 Next.js 中，

   public

   目录内的任何文件都会映射到根 URL (

   /

   )。因此，如果您在

   public/highLightTitle.png

   处有图像，则可以通过

   http://localhost:3000/highLightTitle.png

   访问该图像。

2. 图片网址可能有拼写错误。确保图像文件名与 URL 完全匹配。请记住，URL 区分大小写。

3. 图像 URL 可能被硬编码在项目中的某个位置。它可能位于 JavaScript 代码中、CSS 中（例如，作为背景图像）或 HTML 中（例如，在

   <img>

   标签中）。您可以在项目中搜索字符串

   highLightTitle.png

   以查找它的使用位置。

4. 如果您使用的是 Service Worker，它可能会由于之前的配置而尝试获取图像。在这种情况下，取消注册 Service Worker 可能会解决问题。

如果这些建议都不能解决您的问题，请提供有关您的项目结构以及图像应该使用的位置的更多信息。