App.js拒绝应用样式，拒绝执行脚本

Question

I have read similar questions and the answers all revolved around correcting a line like this:

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

Unfortunately nothing I've read has fixed the issue.

In my index.html I have:

<link rel="stylesheet" href="public/css/style.css">
<script src="public/js/bundle.js"></script>

and in my app.js im using :

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

When I visit the page the console logs

localhost/:1 Refused to apply style from ' http://localhost:3000/public/css/style.css ' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

and

GET http://localhost:3000/public/js/bundle.js 404 (Not Found)

localhost/:1 Refused to execute script from ' http://localhost:3000/public/js/bundle.js ' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Answer 1

Adding a "/" at the end of public, like so:

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

and removing "public/" in:

<script src="js/bundle.js"></script>
<link rel="stylesheet" href="css/style.css">

fixed the issue.