Question

我真的很困惑，我不明白为什么每次添加img元素并将图像文件链接到它时都会出现以下错误。图像的路径是正确的，所有操作都在本地完成，显示图像时没有任何视觉问题。但是每当我打开控制台时，我都会看到以下错误消息：

最奇怪的事情是，每当我在同一项目中打开另一个html文件，并且仅向其中添加任何图像以进行测试时，都会遇到相同的错误，即使以前从未遇到过。顺便说一下，这是在Chrome中。我也在Firefox，Opera，IE，Edge和Safari中进行了测试，但没有看到错误消息。这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Warcraft III Veto</title>
    <!-- Normalize CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
    <!-- Main Style -->
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div id="veto">
    <div class="bar">
        <img src="img/races/human.png">
    </div>
</div>

<!-- Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<!-- Main Script -->
<script src="dist/js/veto.js"></script>
</body>
</html>

我注意到的另一件事是，每当删除链接到我的脚本文件（顺便说一句，以及我的CSS）和vue.js的scipt标签时，错误消息就会消失。我检查了到vue的链接是否正确，是否正确。我删除了所有文件并重新创建了它们，但是仍然出现错误。我很困惑，任何帮助将不胜感激。

Answer 1

我认为这可能与Chrome版本有关。

此问题应按照有关thread的讨论在最新更新中解决。

希望有帮助。

每当我将img元素添加到html中时，都会出现错误消息

1 个答案: