"GET http:\/\/localhost:3000\/public\/js\/test.js net::ERR_ABORTED 404（未找到）"

Question

我嘗試將 sign_up.liquid 與 test.js 連接起來。 但是我有錯誤404。

我認為我連接這兩個文件的路徑是正確的：

  <script src="../../public/js/test.js"> </script>
  <form id="formSignUp" method="POST" onsubmit="return main()">
    <h1>Inscription</h1>
    <input type="text" id="form_input_name" name="name" placeholder="Prénom" size= "30">
    <input type="text" id="form_input_surname" name="surname" placeholder="Nom" size= "30">
    <input type="text" id="form_input_mail" name="mail" placeholder="E-mail" size= "30">
    <input type="password" id="form_input_password" name="password" placeholder="Mot de passe" size= "30">
    <input type="password" id="form_input_conf_password" name="conf_password" placeholder="Confirmation de mot de passe" size= "30">

    <div id="div_checkNewsletter">
        <input type="hidden" name="newsletter" value="0">
        <input type="checkbox" id="box_newsletter" name="newsletter" value="1">
        <label for="newsletter">En cochant cette case, j’accepte de recevoir <br>les actualités d’Otablo.</label>
    </div>

    <button type="submit" id="button_orange_center"> Suivant</button>
</form>

Answer 1

我認為我連接這兩個文件的路徑是正確的

不是。

該路徑是您在 server.js 文件中指定的，而不是在您的計算機文件系統中指定的。

你說：

 const HTML_DIR = path.join(__dirname, '/public/') app.use(express.static(HTML_DIR))

...所以/public/所有內容都映射到/下的 URL。

這意味着路徑是：

src="/js/test.js"

Answer 2

Ce problème peut provenir de vos import。 Par example dans votre code vous écrivez comme import: import { ClassName } from "./ClassNameImport";

Pour corriger il faut mettre le ".js" a la fin de ClassNameImport。 Ce qui donnera

從“./ClassNameImport.js”導入{ ClassName }；