NodeJS и ExpressJS - загрузка файлов Javascript, но файлы CSS не

Я создаю веб-приложение, используя NodeJS, ExpressJS, AngularJS, Bootstrap и Postgres DB с использованием Sequelize. У меня возникают проблемы с загрузкой всех моих «активов» при загрузке моей страницы index.html.NodeJS и ExpressJS - загрузка файлов Javascript, но файлы CSS не

Так вот моя структура:

server.js
приложение
- index.html
- app.js
- активы
  - CSS
    - styles.css
  - IMG
  - JS
    - JavaScript файлы

Вот мой файл server.js:

var express = require('express'); 
var app = express(); 
var port = process.env.PORT || 5000; 
var database = require('./config/database'); 
var path = require('path'); 

app.use(express.static(__dirname + '/app')); 

require('./api/routes.js')(app); 

app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

app.listen(port, function() { 
    console.log("Node app is running at localhost:" + port); 
});

Вот мой файл index.html:

<DOCTYPE html> 
<html lang='en' ng-app="app"> 
    <head> 
    <link src='assets/css/bootstrap.min.css' rel='stylesheet' type='text/css' /> 
    <link src='assets/css/styles.css' rel='stylesheet' type='text/css' /> 
    </head> 
    <body ng-controller="controller"> 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
    </nav> 
    <script src='assets/js/jquery-2.1.3.min.js'></script> 
    <script src='assets/js/angular.min.js'></script> 
    <script src='assets/js/angular-route.min.js'></script> 
    <script src='assets/js/angular-resource.min.js'></script> 
    <script src='assets/js/bootstrap.min.js'></script> 
    <script src='assets/js/modernizr.js'></script> 
    <script src='app.js'></script> 
    </body> 
</html>

Моя проблема заключается в том, что, с моей текущей настройкой, когда я начинаю вверх узел и ударился Localhost: 5000 index.html файл загружается вместе со всеми моими файлами javascript внутри папки assets/js. Когда я открываю инструменты chrome dev, я могу увидеть, что эта папка загружается в панель источников. Однако NONE моих загрузок CSS. Почему это? Любая помощь будет принята с благодарностью, поскольку я в основном исчерпал все другие варианты.

источник

2015-03-07 Garrett Wills

первое сообщение, поэтому будьте великодушны. :)

Вы должны использовать href для ссылки на ваши файлы css.

<link href='assets/css/bootstrap.min.css' rel='stylesheet' type='text/css' /> 
<link href='assets/css/styles.css' rel='stylesheet' type='text/css' />

Смотрите здесь: http://matthewjamestaylor.com/blog/adding-css-to-html-with-link-embed-inline-and-import

источник

2015-03-07 17:53:37 spruce

Omg Я не могу поверить, что я не видел этого. Работает сейчас, благодаря мужеству! –

NodeJS и ExpressJS - загрузка файлов Javascript, но файлы CSS не

ответ

Смежные вопросы