1

Здравствуйте,у меня проблема : Пытаюсь подключить css, js файлы и картинки к node.js с помощью require , но он выдает ошибку при чтении css / js файлов (менял местами).Если запускать сам html файл,то он все работает. Как подключить картинки? (Чтобы он их читал и выводил на сайт). Как сделать так,чтобы он читал и применял к сайту css и js?

Не читает css и js файлы

9
  • А зачем вам css в js файле напрямую? Html файл должен ссылаться на какую то публичную папку, а там должны лежать ваши css и картинки. До тех пор, пока ваш js не должен взаимодействовать с ними, им там не место вообще.
    – Drag13
    26 июл 2017 в 14:02
  • Читает. Просто для удобства делают небольшое разделение по папкам. Например: Build (рутовая папка для юая) index.html (наш индекс файл с которого все начинается) Imgs (папка для картинок) Fonts (папка для шрифтов) Styles (папка для стилей)
    – Drag13
    26 июл 2017 в 14:12
  • Переместил все по папкам,какие либо изменения в коде делать нужно? Ибо путь переписал,а проблема осталась.
    – stasivs
    26 июл 2017 в 14:15
  • Как вы подключаете файлы в html? Вот это должно работать: <img src="./img/MY_IMAGE.jpg" />
    – Drag13
    26 июл 2017 в 14:21
  • Так и подключаю,не помогает. <img src="./img/images.jpg" id="Pic">
    – stasivs
    26 июл 2017 в 14:23

1 ответ 1

2

По умолчанию Node JS сервер не отдает статические файлы в браузер по запросам. Вы можете самим писать сервак, отдающий статические файлы по запросу или использовать модуль Express. Создайте папку (да-да, каталог) /public в корне, поместите в неё папки (каталоги) с css и js-файлами, картинки и прочие публичные ресурсы:

var path = require('path');
var express = require('express');
var app = express();
app.use(express.static(path.join(__dirname, 'public')));

Теперь по запросу 127.0.0.1/main.css экспресс пороется в публичной папке и, если найдёт, то отправит вам стили.

4
  • Выдает такую ошибку,что делать? ReferenceError: path is not defined
    – stasivs
    26 июл 2017 в 14:52
  • Исправил. Точно, путь же ещё надо указать. Вместо вас найти путь может модуль path. Ещё одна зависимость, такой вот node js. Кстати, модуль полезен не только для выдачи статики. Он укажет путь для работы с файлами fs, для upload с форм на сайте (если надо будет прикрепить картинку). 26 июл 2017 в 15:02
  • К сожалению проблемы это не решило. Сайт все такая-же голая html.Хотя ошибок больше не выдает.
    – stasivs
    26 июл 2017 в 15:09
  • проверьте консоль браузера и сервака, пути к стилям в браузере и на серваке 27 июл 2017 в 14:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.