Debugging when using require.js cache

Question

Using require.js I noticed that often the dependencies are cached by the browser and don't get updated even if I force the page to completely reload (command+shift+R).

In order to have always the updated file, I made require.js ask for the files adding '?datestamp' after the url. The only problem with this approach is that the breakpoints don't remain in chrome or firebug after reloading, making the debug painful.

Do you have any suggestion?

Do you have access to your webserver or applicationserver configuration or understands your webserver .htaccess ? — fyr
– fyr, Commented Feb 13, 2012 at 9:56

Community · Accepted Answer · 2017-05-23 11:45:33Z

16

Actually there are some things you can do:

Either you disable your browser caching completely to test it. An easy way in e.g. Chrome is to open a Incognito Window (CTRL + SHIFT + N) similar to the Private Browsing mode in Firefox. However the more ideal solution for you should be listed here: Disabling Chrome cache for website development

Or you instruct your webserver to send no cache headers for javascript or some javascript files. One possibility is to use mod_expires with apache.

edited May 23, 2017 at 11:45

CommunityBot

11 silver badge

answered Feb 13, 2012 at 10:09

fyr

21k7 gold badges40 silver badges54 bronze badges

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

1 Comment

Ghigo Over a year ago

The Incognito mode could work for simple projects but not everything. Disabling the cache or editing the .htaccess is actually a better solution. Thank you.

P.M · Accepted Answer · 2013-02-09 21:49:24Z

9

I used

require.config({ urlArgs: "v=" +  (new Date()).getTime() });

This solved my problem, but you have to remember to remove it, before you goto production.

answered Feb 9, 2013 at 21:49

P.M

3,1983 gold badges47 silver badges59 bronze badges

1 Comment

zsitro Over a year ago

Awesome! Could be app.myDevModeVariable && require.config({ urlArgs: "v=" + (new Date()).getTime() });

Shinya Koizumi · Accepted Answer · 2012-02-20 07:54:55Z

3

I think you can use the urlArgs on required.config

quote from http://requirejs.org/docs/api.html#packages urlArgs: Extra query string arguments appended to URLs that RequireJS uses to fetch resources. Most useful to cache bust when the browser or server is not configured correctly. Example cache bust setting for urlA

answered Feb 20, 2012 at 7:54

Shinya Koizumi

1,1032 gold badges11 silver badges26 bronze badges

1 Comment

Ghigo Over a year ago

As I wrote in the question, this solution will make the debugging painful.

Collectives™ on Stack Overflow

Debugging when using require.js cache

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related