JS файл не связан с мопсом - PullRequest
Новая
       8

JS файл не связан с мопсом

0 голосов
/ 24 октября 2019

Невозможно связать мой 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);
    }

1 Ответ

0 голосов
/ 25 октября 2019

Где находится ваш файл index.js (или app.js, как называется файл вашего основного сервера)?

Вам необходимо настроить общую папку и поместить туда файл script.js.

EXAMPLE файл index.js (или ваш основной файл, который вы запускаете в качестве сервера) 

const express = require('express')
const path = require('path')
const app = express()    
const PORT = process.env.PORT || 3001
// static folder
app.use(express.static('public'))
// load view engine
// app.set('views', path.join(__dirname, 'view'))
app.set('view engine', 'pug')
// listening
app.listen(PORT, console.log(`Server started on port ${PORT}`))

Вы видите строку app.use (express.static ('public'))? Это настроит ваш сервер на использование вашей общей папки. Вы создаете общую папку в своей корневой папке. Поместите ваш файл script.js в эту общую папку.

Теперь в вашем файле pug вы можете загрузить туда свой файл script.js с тегом script(src='/script.js')

Вам НЕ нужно устанавливатьэто как '/public/script.js', ПОТОМУ ЧТО вы уже установили вашу общую папку в качестве источникаВам просто нужно указать на файл, который просто '/script.js'

...