webpack使用官方例子运行index.html报错

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/tianxintiandisheng/article/details/102726503

问题描述

webpack版本4.4.12
webpack使用官方例子运行index.html报错

报错代码

具体代码与官方例子完全相同(起步部分-创建一个 bundle 文件)
起步部分-创建一个 bundle 文件

报错信息

问题解决过程

我注意到html的标题和报错中都出现了乱码,猜测可能时识别中文时出现了错误。然后我观察html文件,发现其未设置HTML编码

<!DOCTYPE html>
<html>
<head>
   <title>起步</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>

解决方案

为html设置编码utf-8

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>起步</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/tianxintiandisheng/article/details/102726503