External JavaScript files not working in Rails

Question

I have created a new Rails 4 project and I am trying to load an external JavaScript file in my HTML file. I have placed the JavaScript file in the /assets/javascripts directory and included the file in my HTML file.

My HTML file:

<html>

    <body>
        <script src="/assets/hello.js"></script>
    </body>


</html>

My JavaScript file:

document.write("test");

I do not see any errors in my web browser console when loading the website. I am pretty sure I put the JavaScript file in to correct directory but the file will not run. Does Rails require something for external JavaScript files to work properly?

I have also tried defining a method in the JavaScript file and calling it within a <script> tag but I get a "Uncaught ReferenceError: methodname is not defined".

jmknoll · Accepted Answer · 2016-02-23 06:04:11Z

1

You probably need to list 'assets/hello.js' in application.js. The Rails asset pipeline compiles all JavaScript into application.js based on the filepaths that it finds listed there.

More info here: http://railsapps.github.io/rails-javascript-include-external.html

answered Feb 23, 2016 at 6:04

jmknoll

1,0545 gold badges11 silver badges31 bronze badges

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

1 Comment

Rowen McDaniel Over a year ago

I have tried that, but after reading the link you provided, //= require_tree . should recursively compile all js files. The js is still not working properly.

Rowen McDaniel · Accepted Answer · 2016-02-23 07:31:41Z

1

So I figured out why Rails wasn't loading my JavaScript file. When I created the Rails project, it included .coffee scripts which can be used instead of JavaScript. For some reason by default, the .coffee script was being run instead of the JavaScript file that I created. After deleting the .coffee script, my JavaScript loads as expected.

answered Feb 23, 2016 at 7:31

Rowen McDaniel

1591 gold badge2 silver badges11 bronze badges

Collectives™ on Stack Overflow

External JavaScript files not working in Rails

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