Не разрешено загружать локальные ресурсы

Question

Когда я пытаюсь связать свою страницу html с моими файлами javascript в своем экспресс-приложении, я получаю ошибку выше в моих инструментах разработчика. Я запускаю это в экспресс-приложении с движком рендеринга hbs на моей локальной машине. фрагмент кода выглядит следующим образом

HTML

<script type="text/javascript" src="file:///public/javascripts/jquery/jquery-2.2.4.min.js"></script> 
 
<script type="/javascript" src="file:///public/javascripts/receiver.js"></script> 
 
<script type="text/javascript" src="file:///public\javascripts\jquery-2.2.4.min.map"></script>

это часть из app.js, что Устанавливает вид двигатель

// view engine setup 
 
app.set('views', path.join(__dirname, 'views')); 
 
app.set('view engine', 'hbs');

и когда я проверить инструменты разработчика, я получаю эту консольную ошибку

Не разрешается загружать локальный ресурс: файл ///public/javascripts/jquery/jquery-2.2.4.js (индекс) : 1 Не разрешается загружать локальный ресурс: Файл: /// публичный/JavaScripts/receiver.js (индекс) : 1 не разрешается загружать локальный ресурс: файл: ///public/javascripts/jquery-2.2.4.min.map

Почему программа не получить доступ к моей JavaScripts?

Answer 1

Первый.

Не загружайте файлы с помощью файл: //. Просто введите относительный путь. Не загружайте исходные карты JavaScript с помощью тега сценария. Вы можете добавить эту строку в файл и файл javascript: //# sourceMappingURL=/path/to/script.js.map

Второй.

У вас есть эта небольшая строка кода в вашем экспресс-приложении: app.use(express.static('public'));. Если нет, добавьте его. Сервер знает общедоступный путь. Таким образом, вам не придется писать public/

Если это ваша структура:

• server.js
• общественные/
  • index.html
  • JavaScripts/
  • приемник .js
  • jquery/
    • JQuery-2.2.4.min.js

Написать это в HTML или руле файла.

<script type="text/javascript" src="javascripts/jquery/jquery-2.2.4.min.js"></script> 
<script type="text/javascript" src="javascripts/receiver.js"></script>