Как подключить файл css в express (node js)?

Question

[alexandrtym]

Здравствуйте. Я пытаюсь подключить файл app.component.css. К сожалению, не получается. Можете что-нибудь посоветовать?

server.js

var express = require('express');
var path = require('path');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var tasks = require('./routes/tasks');

var port = 3000;

var app = express();

//View Engine
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.engine('html', require('ejs').renderFile);

// Set Static Folder
app.use(express.static(path.join(__dirname, 'client')));


// Body ParseMW
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));

app.use('/', index);
app.use('/api', tasks);

app.listen(port, function(){
    console.log('Server started on port '+port);
});

Файл htlm

<header>
   <link rel="stylesheet" type="text/css" href="/app.component.css" />
</header>

В app.component.ts

import {Component} from '@angular/core';


@Component (
    {
        moduleId:module.id,
        selector: 'app',
        templateUrl: 'app.component.html',
        styleUrls:['app.component.css']
       }
)
export class AppComponent { }

Общий путь всей папки к css pr/client/app/app.component.css
server.js - pr/server.js

Comments

[Dark Hole]

Может нужно прописать путь /app/app.componet.css?

Answer 1

[flareair]

Браузер ищет CSS в папке pr/client, а он у вас лежит в pr/client/app/. Похоже вам нужно поправить пути в HTML файле