Getting 404 error for CSS and JS files in ExpressJS application

Question

I am new to the client side programming, building a nodeJS express sample application, but getting 404 error for loading script and CSS.

Please find the below wolder structure: Folder structure

HTML page is as below:

<head>
<meta charset="UTF-8">
<title>Favorite Book</title>
<link rel="stylesheet" href="../public/css/main.css" type="text/css"/>
<script type="text/javascript" src="../public/libs/js/angular.min.js"></script>
<script type="text/javascript" src="../public/libs/js/angular-route.min.js"></script>
<script type="text/javascript" src="../public/libs/js/jquery-1.12.2.min.js"></script>
<script src="../public/libs/js/script.js"></script>

Script error getting from browser is below:

GET http://localhost:3000/public/libs/js/script.js

KibGzr · Accepted Answer · 2016-05-21 13:45:24Z

3

you should set static path in app.js

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

then defind source without public path like this

<link rel="stylesheet" href="/css/main.css" type="text/css"/>

edited May 21, 2016 at 13:45

answered May 21, 2016 at 9:03

KibGzr

2,09316 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting 404 error for CSS and JS files in ExpressJS application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related