NodeJS和ExpressJS-加載JavaScript文件，但不加載CSS文件

Question

我正在使用NodeJS，ExpressJS，AngularJS，Bootstrap和使用Sequelize的Postgres DB構建Web應用程序。 加載index.html頁面時，加載所有“資產”文件時遇到問題。

所以這是我的結構：

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文件將與assets / js文件夾中的所有JavaScript文件一起加載。 當我打開chrome dev工具時，我實際上可以在“源代碼”窗格中看到該文件夾正在加載。 但是，我的CSS沒有加載。 這是為什么？ 任何幫助將不勝感激，因為我基本上已經用盡了所有其他選擇。

Answer 1

第一篇文章，所以要大方。 :)

您實際上應該使用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

NodeJS和ExpressJS-加載JavaScript文件，但不加載CSS文件

問題描述

1 個解決方案

解決方案1
2 已采納 2015-03-07 17:53:37

NodeJS和ExpressJS-加載JavaScript文件，但不加載CSS文件

問題描述

1 個解決方案

解決方案1 2 已采納 2015-03-07 17:53:37

解決方案1
2 已采納 2015-03-07 17:53:37