Импортировать файл JavaScript в файл HTML - PullRequest
0 голосов
/ 26 августа 2018

У меня большая проблема со связыванием файлов 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>

Этот код выглядит просто отлично, на самом деле, вот мой код JavaScript:

const express = require('express');
const app = express();
const server = 'http://localhost:3000';
app.connect(server);
app.get('/', (req, res) => {
    res.sendFile(__dirname + "/" + "index.html");
});

const findPerson = () => {
    var ID = window.document.getElementById('id- 
    input').value;
    console.log(ID);
};

app.listen(8080, () => {
    console.log('App is listening on port 8080');
});

Теперь, по какой-то причине, когда я осматриваю страницу и захожу в консоль, он говорит это:

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

1 Ответ

0 голосов
/ 26 августа 2018

Я вижу две ошибки с вашим кодом:

  • Ошибка 404 означает, что вы не ссылаетесь на правильный путь, проверьте, где находится ваш index.js относительно вашего index.html
  • Даже если он загрузит его, ваш код не может быть выполнен, потому что это код на стороне сервера.Когда вы включаете скрипты в браузер, это должен быть только код на стороне клиента
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...