Javascript file not loading in express / node.js

Question

I have a problem where my javascript file is not loading. Here is my file directory:

app/views/methods.js app/views/methods.handlebars

I want to load the methods.js file in the methods.handlebars page:

<script type="text/javascript" src="./views/methods.js"></script>

<div class="container">
  <div class="form-group">
    <label>First Number:</label>
    <input type="text" name="firstNum">
  </div>
  <div class="form-group">
    <label>Second Number:</label>
    <input type="text" name="secondNum">
  </div>
  <button type="" name="calculate" class="btn btn-default">Calculate</button>
</div>

However, I keep getting a cannot GET error in the console... can someone help?

Thanks!

keep methods.js in public directory and do src="/methods.js" or src="domain.com/methods.js" because after html file is sent to client, it vl try to fetch script methods.js and in views directory it's not publically accessible — Aishwat Singh
– Aishwat Singh, Commented Nov 21, 2015 at 20:01

Paul S Chapman · Accepted Answer · 2015-11-21 20:08:00Z

2

I think your problem might be related to it being in the Views directory.

Try creating a directory for scripts in the public directory.

So assuming you create a javascript directory that would make your call to get the script as

<script type="text/javascript" src="javascript/methods.js"></script>

answered Nov 21, 2015 at 20:08

Paul S Chapman

83212 silver badges37 bronze badges

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

1 Comment

Trung Tran Over a year ago

Hi - I did the following: - added app.use(express.static('public')); to my server.js file - added a app/public/javascript directory and placed my methods.js file in it - changed my script declaration to <script type="text/javascript" src="/javascript/methods.js"></script> but I'm still getting the same issue.. am I missing something?

Trung Tran · Accepted Answer · 2015-11-21 20:52:26Z

0

I'm a total noob at this - i forgot that I need to reset the node server whenever i make server-side code changes. What I have totally works.

answered Nov 21, 2015 at 20:52

Trung Tran

13.8k48 gold badges127 silver badges210 bronze badges

Collectives™ on Stack Overflow

Javascript file not loading in express / node.js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related