static file like .css and .js not load error 404

express js version : “express”: “^4.18.2”,

app.use(Express.static('public'));

express folder with app.js server code same dir i have public folder.

public/

• app.js
• app.css

when i try to access https://mystoreapp.io/app.js https://mystoreapp.io/app.css

getting Error 404

HTTP ERROR 404 ```

[shree-c]

Try to remove the part of code where you set the content-security-policy header, and check if it loads. I had same issues when I used helmet package running server on bare http.

[adventuretocode]

I was just checking your code, and I don’t see the public part. Seems like you don’t create / stored / pushed the code which would allow you to query the content of the public folder

at least in this file https://github.com/Shopify/shopify-app-template-node/blob/main/server/index.js

git repo that code was same for the server i added the code into my local repo.

import Express from "express";


...
used other middleware to check the correct req 
...
app.use('/public/', Express.static('public'));  

to --> 
 app.get('/public/', Express.static('public'));

Public folder create in same directory on index.js in server folder.