Adding local script files to EJS views

Question

I've got a Node/Express/EJS app. It's got a folder for views and another for client files. The latter has another folder for javascript, where I have a file called frontend.js.

I'd like to load jQuery and the frontend.js file in this view.

The standard script tags don't work.

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="../client/js/frontend.js"></script>

jQuery loads, frontend.js throws a 404 error.

Is there a special way of doing this that I'm not aware of?

El houcine bougarfaoui · Accepted Answer · 2017-03-07 12:06:50Z

10

in your app.js file add this :

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

change the second script tag to :

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

I'm assuming that your app.js file and client folder are in the same folder.

answered Mar 7, 2017 at 12:06

El houcine bougarfaoui

37.6k10 gold badges40 silver badges38 bronze badges

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

2 Comments

Solomon Over a year ago

I use the function in frontend.js <% myfunc("strParam") %> but no luck :(

eliezra236 Over a year ago

No need for the path.join

Collectives™ on Stack Overflow

Adding local script files to EJS views

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related