404 with JavaScript file in MVC

Question

I am having trouble with getting my page to use my javascript file. I have the file in my Areas/Export/Views/Export folder and it is called Export.js

This is how I reference it in my view

<script src="@Url.Content("~/Areas/Export/Views/Export/Export.js")"></script>

Everything I have seen online says this should work but it is not. Am I missing a reference somewhere else or what is the deal?

Thanks

please provide a screen shot of your solution explorer with expanded nodes. — Ankush Jain
– Ankush Jain, Commented Jun 23, 2015 at 16:14

heymega · Accepted Answer · 2015-06-23 16:49:56Z

5

The problem is you're storing js files in your view folder. The view folder has it's own web.config which stops you from requesting static files from it.

Your options

Modify the web.config to allow the js files through
Move your js files out of the view folder.
Use MVC bundling which should be able to access the view folder and have it bundle the script into a different repo.

Number 2 is best practice in my opinion. Was there a particular reason why you have the script in the view folder to begin with?

Update

To allow js files in you view folder add the following to the web.config located in your area's views folder.

<system.webServer>
<handlers>
  <add name="JavaScriptHandler" path="*.js" verb="*"
     preCondition="integratedMode" type="System.Web.StaticFileHandler" />      
  <remove name="BlockViewHandler"/>
  <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
</handlers>
</system.webServer>

edited Jun 23, 2015 at 16:49

answered Jun 23, 2015 at 16:30

heymega

9,4518 gold badges45 silver badges63 bronze badges

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

3 Comments

ryan miller Over a year ago

I just like having the file in the views folder because it is Area specific and won't be used in any other areas. How would I go about modifying the web.config to allow that? I have already added this

<add name="JavaScriptHandler" path ="*.js" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />

to the web.Config as I found that on other sites but it didn't work for me.

heymega Over a year ago

@ryanmiller I've updated my answer but it looks like you've added the correct configuration. Make sure you're adding it under system.webserver and that you're putting it in the correct web.config. It goes in the view's webconfig file

ryan miller Over a year ago

Ah HA! I figured out why it wasn't working for me. I had it as the HttpNotFoundHandler instead of StaticFileHandler. So thank you very much.

Collectives™ on Stack Overflow

404 with JavaScript file in MVC

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related