将JavaScript文件导入HTML文件_Javascript_Jquery_Html_Express

将JavaScript文件导入HTML文件

javascript jquery html express

将JavaScript文件导入HTML文件,javascript,jquery,html,express,Javascript,Jquery,Html,Express,我在将JavaScript文件链接到HTML文件时遇到了一个大问题我的HTML代码： <!DOCTYPE html> <html> <head> <title>Express App</title> </head> <body> <h1>GET Requests</h1><br/> <input t

我在将JavaScript文件链接到HTML文件时遇到了一个大问题

我的HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Express App</title>
    </head>
    <body>
        <h1>GET Requests</h1><br/>
        <input type="number" name="id" id="id-input>
        <button type="submit" onclick="findPerson()">Submit</button>
        <script src="./index.js" type="text/javascript"></script>
    </body>
</html>

现在，出于某种原因，当我检查页面并转到控制台时，它会说：

Refused to execute script from 
'http://localhost:8080/index.js' because 
its MIME type ('text/html') is not executable, and 
strict MIME type checking is enabled.

还有：

Failed to load resource: the server responded with 
a status of 404 (Not Found) index.js:1

我可以看到您的代码有两个错误：

404错误意味着您没有链接到正确的路径，请检查index.js相对于index.html的位置
即使它将加载它，您的代码也无法执行，因为它是服务器端代码。当您在浏览器中包含脚本时，它应该只是客户端代码

您不应该尝试将

Node.js

文件加载到浏览器中。将后端与前端问题分开。您尝试运行的脚本需要在带有Node.js的Web服务器上运行。然后，您可以通过Ajax请求等方式与该Web服务器通信。这可以通过像

axios

这样的库来实现。您在这里混合了关注点。您的

index.js

需要为服务器端运行。e、 g

node index.js

。如果您正在启动Node.js开发，那么您可以从初学者工具包开始，阅读他们的

readme.md

。谢谢。请阅读-总结是，这不是一个理想的方式来解决志愿者，可能会适得其反获得答案。请不要将此添加到您的问题中。嗨，它不起作用。我为jQueryJS创建了一个单独的文件，并尝试将其导入HTML。它不起作用。它仍然向我提供有关文件的GET请求失败的错误。有什么想法吗？这个想法在我的回复里。你明白答案吗？我想你错过了一些web应用（客户端/服务器）的基础知识

Failed to load resource: the server responded with 
a status of 404 (Not Found) index.js:1