为什么我不能在html文件中导入js文件,这是MIME类型的问题?



当我用以下代码(home.html(重新加载主页时,我得到了这个错误:Refused to execute script from 'http://localhost:53134/home.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/">
<link rel="stylesheet" type="text/css" href="output.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body class="screen">
<div class="navBar">
<a href='/'>Home</a>
<a href='/wallet'>Wallet</a>
<a href='/login'>Login</a>
</div>

<p class="letters">Home page</p>
<script src="home.js"></script> <!-- this is a problem -->
</body>
</html>

当我使用console.log('hello'(时;在home.html中,这不是问题,但当我在home.js中添加代码时,这似乎是一个问题。如何解决这个问题?这个脚本(home.js(:

console.log('hello');

问题出现在后端。。我使用了app.use(express.static('public'));,这导致js文件的路由错误。。应该是<script src="js/home.js"></script>

最新更新