RequireJS text! plugin and Load timeout - http

I'm using the text! plugin with RequireJS and Firefox seems to hate my text templates. My code seems to work just fine in Chrome and Safari. Here is the error I get.
Error: Load timeout for modules: text!templates/a.html_unnormalized2,
text!templates/b.html_unnormalized3,
text!templates/c.html_unnormalized4, // _unnormalized# <- What is this?
...
text!templates/n.html, // I don't see _unnormalized here... why?
text!templates/o.html,
text!templates/p.html,
...
http://requirejs.org/docs/errors.html#timeout
First, what does the _unnormalized# mean? It seems to append itself to the file name for some of my templates but not all. However, all of my templates are listed in the error message.
Looking at the Net inspector, it seems to be downloading the necessary template files.

I think I figured it out part of the mystery, although I'm not sure about the details. I noticed that this error occurs when I'm using Firebug and in the console options, ShowXMLHttpRequests is turned on. By turing this option off, the page loads without a hitch.
What do you think guys, is this a Firebug problem? Or a requireJS issue? I'd love to understand why this occurs.

In my case, if I just disable the "Script" tab of FireBug, I have no more freeze or time out error.
Firefox 27.0.1
Firebug 1.12.7

Related

Ninja Forms 3.0.11: <noscript>

I am getting this no script error, and am unsure as to why.
Javascript is allowed in my browser, and the adblock is disabled. I see Ninja Forms 3.0.11 has a JS directory with several files.
<noscript class="ninja-forms-noscript-message">
Notice: JavaScript is required for this content.</noscript>
Has anyone come across this upgrading? If so, could you please explain how you resolved this?
Thank you.
I was having this same problem today so I decided to switch themes and see if that fixed it. And that did fix the problem. So I switched back and it was still broken. I inspected the page and noticed there was a JS error in the console and I resolved that JS error that had nothing to do with Ninja Forms and it made my form show up and work fine now. So it seems if there are any JS errors going on it will affect it.
Make sure all of the scripts from your header and footers are getting added to the page correctly. I experienced this issue with an add on for ninja forms and my call to get_footer wasn't being included on the page and created this issue.
i got same error:
Notice: JavaScript is required for this content.
i removed my cache plugin Autoptimize, SG optimizer, the plugin used to combine js/css files etc,
it will solve your problem :)
Thank You
Мy decision: add code <? php wp_footer (); ?> in the template file footer.php

Eclipse - annoying error when editing css files

Each time I edit a css file in Eclipse, I get this error. It really keeps me from doing my work, because it pops up almost after each character.
Can't find resource for bundle java.util.PropertyResourceBundle, key css2.stylesheet-def.description
I would like to disable the parsing for css in order to not get this error anymore, but I didn't find how. Can you give me any tip on how to solve this issue ?
This sounds like Eclipse bug 419986 which says it because of missing translations in the CSS property files.
The bug report suggests deleting the localization plugin (such as org.eclipse.wst.css.core.nl_fr_4.3.0.jar works around the problem).

404 error empty CSS file

My CSS files do exist. They just don't have anything inside - they are empty.
Chrome however, show 404 errors for my CSS files.
Putting some dummy code e.g. comments in a CSS file makes the error goes away.
Any idea what went wrong for me?
Updates:
The document root of the website is /var/www/html/niuniu/.
Some of you mentions permission issue but how does it explain the issue when I put in some comments in the CSS file and the error went away - no changes in permission?
I'm using Prestashop but I don't believe that has to do with the issue here.
It appears this is just how Chrome's Developer Tools and Firebug report empty CSS file. This is not a real error that can break my website.

Can Access CSS File By URL, But Not From HTML

I have a Spring App with ThymeLeaf and Dojo that is causing me a problem. The CSS files are showing up aborted in Firebug when I reference them from my HTML file. However, when I go directly to the file by putting a copy of the CSS URL in the address bar, it works. In addition, the Dojo code works, but it fails when it gets to the CSS file. So, I have tried a CSS link only and with Dojo and both fail. I have searched this one for hours, but I cannot find anyone else having this problem.
Thanks in advance,
Joe
Figured out the issue. I turned on debug on the server and tested a JS and CSS file. They both behaved the same from the server perspective and it looked like the CSS file was being sent correctly. So, I tried IE and it worked fine. After reinstalling Firefox, the software works as expected. Wish I had figured out this issue earlier

Why is my javascript function not found by the page it is embedded in?

I have a page that has a simple javascript in the header portion of the page:
<script type="text/javascript">
function doLogout() {
var conf = confirm("Really log out?");
if (conf === true) { //changed == to === for boolean comparison
$.post("logout.aspx");
}
}
</script>
It uses jQuery to do an AJAX post to my logout page. The only issue right now is that when I click on the link (logout) to fire this function, nothing happens. I checked FireBug's console, and it told me that the function is not defined. This has happened to me before, but I think I botched a bunch of code to fix it sometimes.
Does anyone know the proper way to fix this issue?
Edit
After doing a lot of googling and trying different things, I found this very concise and informative post. Apparently, as the linked article states, the way the script is referenced in the web site is important as it won't run properly otherwise! Hopefully this information will be useful for more people.
This can also occur if there is a syntax error earlier in your javascript code. Often this will just be interpreted as the function not existing (nor any function AFTER the error). Check the code above this code (if there is any) and this code for syntax errors.
A way to tell if the cache error is it is to open Firebug and view the Script source. If the page was cached, you won't see your code. If it loaded but has syntax errors, the code will show, though it won't "find" it.
Things to test:
1) Can you call this function from something else? Like add a <script> at the bottom of the page to call it?
2) Does the page validate? Sometimes I get screwy javascript errors if there is some busted HTML like a missing </b>
3) I've been starting to wrap my javascript in <![CDATA[ ]]> just incase I've got goofy chars in my javascript.
4) I assume you've tested this in other browsers and have the same behavior, right?
5) If you haven't installed it already, install the Web Developer firefox addon. It has a nifty toolbar menu that will disable the cache for you so everything reloads.
6) As weird as it sounds, I once hit a javascript issue that was because of how my text editor was saving UTF-8 files. I forget the details, but it was adding some byte-order-mark or something that upset the browser.
I've had this occur when the page had been cached and so it didn't load the new script in. So to fix it clear all private data from Firefox. Not sure if that helps but it sure happened to me a bunch.
Other ideas for you to test:
is the function defined in the DOM tab in FireBug?
if you call doLogout() from the FireBug console, what happens?
I assume this is not the only script on that page. Make sure that some later script is not modifying doLogout to something else
I had the same issue and tried all that's been suggested here without success.
The only way I fixed it was by discovering that in the <script src="jquery.js"> tag I was using in the head of the page I forgot to close it with its </script> causing the page to ignore all Javascript functions. So please check that your includes look like:
<script src="jquery.js"></script>
I hope that helps. Ross.
If you are using DevExpress controls these links may help you: How to register and execute a JavaScript downloaded to the client via a callback and How to register and execute a JavaScript downloaded to the client via a callback (standalone JS file) and Executing javascripts from user controls dynamically created through ASPxCallback panels
The issue might occur if you have NoScript. You should check and make sure it's not blocking said script.
I had this issue and discovered the problem was just a wrong case letter inside the name.
Call: filterCheckbox()
vs
function filterCheckBox() {}
problem: lowercase "box" vs uppercase "Box".
So check if the name is exactly the same.

Resources