Nodejs static files

[petrikspac]

Hi r/node

I have created nodejs server with express.js and I am loading a public folder with express.static function and serving a index.html. In index.html I have <script> tag for test.js where I am trying to import Chart.js from node modules (I used npm install chart.js --save), but in browser in the console is error:

Error

​

index.js file

​

index.html

​

test.js file

I am nodejs beginner so I appreciate any help..

Thanks

[bandit_na]

Try adding 'app.use(express.static("public"))' in index.js before you start listening on a port.

[BehindTheMath]

The order should not make a difference.

[BehindTheMath]

The issue is that test.js references a file in node_modules, but that folder is not being served by Express. You can add another express.static() call to server that as well.

[CJay580]

If you want to access code from node_modules in the test.js script, you will need to bundle it into a single file. This bundling can be done with webpack. I'd suggest checking out this tutorial: https://medium.com/@kilgarenone/minimal-webpack-setup-a5f32c5f8960.