File structure:
->client
->imports
->asssets (external js)
->stylessheets
->css
->less
->ui (components, layouts, pages)
->main.js (startup file)
->imports
->main.js (empty)
->lib
->collections
->route.js
->server
->methods.js
->server.js
I’m taking the js file and css from a theme which i downloaded, i looked at the sample html file from the theme, and i try to include the file as they were doing, in the main.js startup file, i included all the js according to order from the sample html using:
$.getScript('path-file1.js', function(){
$.getScript('path-file2.js', function(){
....//About 10 js(s), included according to order as the html sample file
});
});
The external css files was included inside header.html which is inside the ui/ folder, the css is included as order, as the sample html.
The theme uses bootstrap but overide them and add few new classes to it. As i try to build my front-end, some css or js is not working, the only error on client console was:
Uncaught SyntaxError: Unexpected token < at DOMEval (printer.js:170), at Function.globalEval (printer.js:170), at text script (printer.js170), at ajaxConvert (printer.js:170), at XMLHttpRequest. <annonymous> (printer.js.:170)
Some of the js and css works, as i saw some changes on the font, and there’s animation which i expected, but some are not, i’m suspecting that this is load order problem but i don;t know how to fix this, been on google and forum but no luck.
Thanks very much for just looking at it and thanks for helping beforehand, and sorry about the text, it is my first time here in Meteor forum, so if i made any mistake please point it out and i will correct it.