javascript - Uncaught TypeError: undefined is not a function on loading jquery-min.js

Question

I'm building a normal webpage which requires me to load about five CSS files and ten Javascript files.

• When loading them separately in the HTML page, my webpage loads fine.

• Now for production, I concatenated all the Javascript into a single file, in the order needed, and all the CSS into another file. But when I try to run the web page with the concatenated files it throws an error saying:

  Uncaught TypeError: undefined is not a function

On the line where jquery.min.js is being loaded in the concatenated Javascript file.

What can I do to mitigate this? I want to concatenate all files and minify them for production. Please help.

EDIT: I merged the Javascript and CSS in the order they were when they were being loaded individually and were working fine.

Answer 1

Assuming this problem still has not be resolved, a lot of individual files don't end their code with a semicolon. Most jQuery scripts end with (jQuery) and you need to have (jQuery);.

As separate files the script will load just fine but as one individual file you need the semicolons.