Question

无法将我的js文件链接到我的哈巴狗浏览器控制台显示

The script from “http://localhost:3000/script.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.
2 signin
Loading failed for the <script> with source “http://localhost:3000/script.js”. signin:1:1

我尝试使用脚本标签执行此操作，但是我的js代码存在一些错误，除非代码位于其他文件中，否则我看不到这些错误。

这是我的哈巴狗文件

script(type='text/javascript' src="http://code.jquery.com/jquery-latest.js")
script( type= 'text/javascript',src="./script.js")


form( id='formSignIn')
    div.form-group
      label(for='name') Id:
      input#name.form-control(type='text', placeholder='id' name='name')
    div.form-group
      label(for='pw') Password:
      input#password.form-control(type='password', name='password')
      button.btn.btn-primary(type='submit', id='submit') Sign In

这是我的js文件

$(document).ready(function(){
    console.log("hi");

        var name,password;
        // $("#submit").click(function(){
            name= $("#name").val();
            password=$("#password").val();
            console.log("$$$$$$$$$$$$$", name, password)
            $.post("/login", {name: name, password: password} ,function(data){
                console.log("AJAx");
            });
            console.log("@@@@@@@@@@@@@@@@@");
            localStorage.setItem('user',name);
    }

Answer 1

您的index.js文件（或者无论您叫什么主服务器文件，都是app.js）在哪里？

您需要设置公用文件夹，并将script.js文件放入其中。

EXAMPLE index.js文件（或作为服务器运行的主文件）

script(src='/script.js')

您看到app.use（express.static（'public'））行吗？这将服务器设置为使用公用文件夹。您在根文件夹中创建一个公用文件夹。将您的script.js文件放入该公用文件夹中。

现在在您的哈巴狗文件中，您可以使用标记在其中加载您的script.js文件 static func formatDateAsPerLocalDevice(inputDate:Date) -> Date{ return Calendar.current.startOfDay(for: inputDate) }

您不必将其设置为“ /public/script.js”，因为您已经将公用文件夹设置为源。您只需要指向该文件，它就是'/script.js'

JS文件未与Pug链接

1 个答案: