Javascript DOM操作在本地计算机上工作,但在本地主机上不工作

Javascript DOM操作在本地计算机上工作,但在本地主机上不工作,javascript,express,dom,localhost,hosting,Javascript,Express,Dom,Localhost,Hosting,嘿,我是新来的编码和尝试拼凑起来,我学到了迄今为止。我现在正试图通过使用express将“Drum Kit”项目从本地机器项目更改为本地主机项目,将JS DOM操纵和express结合起来。我已经成功地将HTML和CSS加载到“公共”文件夹中。然而,提供按钮行为的JS不再工作,即使我没有更改仍然驻留在项目根文件夹中的。我怎样才能让它工作 为清楚起见,我有: 2.js文件: index.js-包含纯js& app.js-包含本地主机的express 1 index.html文件& 1 packag

嘿,我是新来的编码和尝试拼凑起来,我学到了迄今为止。我现在正试图通过使用express将“Drum Kit”项目从本地机器项目更改为本地主机项目,将JS DOM操纵和express结合起来。我已经成功地将HTML和CSS加载到“公共”文件夹中。然而,提供按钮行为的JS不再工作,即使我没有更改仍然驻留在项目根文件夹中的。我怎样才能让它工作

为清楚起见,我有: 2.js文件:

index.js-包含纯js& app.js-包含本地主机的express

1 index.html文件& 1 package.json& 1个包含“css”、“图像”、“声音”子文件夹的公用文件夹

我的html代码:

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Drum Kit</title>
  <!-- Changed href to reflect root path from 'public' folder -->
  <link rel="stylesheet" href="css/styles.css">
  <link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
</head>

<body>
  <h1 id="title">Drum Ok I solved it by creating a 'js' folder in the 'public' folder where express serves up static files, then transferring the index.js file inside. Linking to the file just requires a little bit of a tweak as 'public' folder is now the root folder.

<script src="js/index.js"></script>

鼓套件

Drum好的,我在“public”文件夹中创建了一个“js”文件夹,express在其中提供静态文件,然后在其中传输index.js文件,从而解决了这个问题。链接到该文件只需要稍加调整,因为“public”文件夹现在是根文件夹



我认为这意味着,任何旨在为HTML提供行为的.js文件都被视为静态文件,只要与express一起使用,就会被视为与图像、css或声音类似的文件。

您可以更改app.use(express.static(“public”);使用(express.static(uu dirname+“public”)@GrantHerman
const path=require('path');app.use(express.static(path.join(u dirname,“public”))<应该使用code>path.join
,感谢您的回复,但这些都不能解决我的问题。我试图在项目根文件夹中获取index.js文件,其中包含javascript,用于在按键时添加事件侦听器和声音,但我似乎找不到这样做的方法