Meteor не загружает автоматически таблицы стилей, размещенные в /public

public/img/logo.png

client/views/common/common.html

<div id="logo-container" class="brand-logo">logo</div>

public/styles/main.css

.brand-logo {   background-image: url("/img/logo.png"); }

При переходе на вкладку ресурсов Chrome DevTools ни изображение, ни таблица стилей не загружаются.

На самом деле на вкладке элементов (правая область) класс не применяется к элементу. Вместо этого шаблон отображается правильно (фактически печатается «логотип» текст)


meteor static-files
person dragonmnl    schedule 20.09.2015    source источник
comment
Я предполагаю, что приложение еще не перезапущено, если у вас нет атрибута «класс», добавленного в ваш div   -  person Hristo Georgiev    schedule 20.09.2015
comment
Переместите файл css из папки public в папку client. Общедоступные файлы css не компилируются автоматически и не связываются с вашим HTML.   -  person Brian Shamblen    schedule 20.09.2015
comment
@BrianShamblen прав, либо это, либо вы будете жестко кодировать теги ссылок, чтобы связать CSS, что противоречит цели использования системы компиляции / шаблонов Meteor.   -  person Rashad Nasir    schedule 20.09.2015

Ответы (1)


arrow_upward
1
arrow_downward

Создайте папку «stylesheets» внутри каталога «client» и поместите туда файл main.css.

client/stylesheets/main.css

Meteor автоматически загрузит любые файлы .css, если вы поместите их в этот каталог, поэтому вам не нужно ссылаться на него.

В настоящее время у вас есть файл main.css в public/styles/main.css.

person meteorBuzz    schedule 20.09.2015
comment
спасибо @meteorBuzz. Однако разве public не должна быть папкой для обслуживания статического содержимого? - person dragonmnl; 21.09.2015
comment
@dragonmnl Нет, это папка, которая должна обслуживать отложенный статический контент, такой как изображения, стили или скрипты, которые вы не хотите автоматически загружать в свое приложение, и т. д. - person Kyll; 21.09.2015
comment
общая папка используется для хранения таких вещей, как изображения и значки. - person meteorBuzz; 21.09.2015
comment
Хорошо, проверим ваш ответ как можно скорее и примем его позже. Но почему то, как я это сделал, на самом деле не загружает css? это был мой первоначальный вопрос - person dragonmnl; 21.09.2015
comment
это работает, если бы вы могли просветить меня по последнему вопросу (см. комментарий выше), было бы замечательно - person dragonmnl; 23.09.2015