解决.js文件代码全是黑色字体的问题

问题遇到的现象和发生背景

今天在测试Web弹框的时候，加入了layer，然后在浏览器中点击layer没有反应。

问题相关代码，请勿粘贴截图
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- http://localhost:8080/crowdfunding02-admin-webui/test/ssm.html -->
<base
    href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
<script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript">

$(function(){
$("btn5").click(function(){
            layer.msg("layer的弹框");
        });
});

</script>
</head>
<body>
<button id="btn5">点我弹框</button>
</body>
</html>
运行结果及报错内容

img

layer.js文件里的代码都是黑色的不知道时什么原因

img

layer.js 文件内是经过编译和压缩后的代码，而非原始代码。

点击按钮后没有反应，你可以打开开发者工具的控制台，看是不是报错了，再根据具体错误做处理，还可以在回调函数内部输出一段文字到控制台，看回调函数有没有执行。


$(function(){
$("#btn5").click(function(){
            layer.msg("layer的弹框");
        });
})

控制台报什么错