服务器以“image/png”的MIME类型响应-HTML/JavaScript

我正在用 HTML 和 JavaScript 构建一个类似马里奥的游戏,现在它几乎完成了,我想通过图像更改我的矩形(平台)。

我正在用 HTML 和 JavaScript 构建一个类似马里奥的游戏,现在它几乎完成了,我想通过图像更改我的矩形(平台)。

这是我的结构:

- index.html
- index.js
- index.css
- /assets/platform.png

要导入我的图像,在我的index.js我做了:import platform from './assets/platform.png'

浏览器返回此错误:

未能加载模块脚本:需要 JavaScript 模块脚本,但服务器以“image / png”的 MIME 类型响应。按照 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。

我正在使用 VSCode 中的 Live Server。

任何帮助?

2

您可以使用添加imgsrc与 js 动态属性:

document.querySelector('.myImg').src = 'https://placekitten.com/500/500' // or ./assets/platform.png
<img class="myImg"/>
1

导入用于导入脚本。您导入图像。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(903)
如何在htmlcss中创建带有图像的切换开关
上一篇
在bootstrap5导航栏后面设置背景图像
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(69条)