PyroCMS CKEditor: Uncaught SyntaxError: Invalid regular expression: missing / - javascript

I'm using PyroCMS 2.x based on the Codeigniter framework. When I open the file editor in the admin backend (/admin/files), it is not working but redirects me to the start page. The file editor is based on CKEditor. I had the same issue earlier and fixed it but now it happened again and I can't find the solution any more.
I'm also using Cloudflare which I turned off for testing as well as I switched off caching in PyroCMS.
In the Chrome Developer Tools it shows the following issue:
The error relates to file /assets/cache/4e1ee6d64a845f2f82e18c6ed3f1423e.js:
this.complete=function(){loaded+=1;if(loaded===list.length){callBack(list);loaded=0;list=[];}};this.push=function(item){list.push(item);};this.getList=function(){return list;};},SequenceHandler=function(){var sequence=[];this.push=function(callBack){sequence.push(callBack);if(sequence.length===1){callBack();}};this.next=function(){sequence.shift();if(sequence.length){sequence[0]();}};};FileUpload=function(container){var fileUpload=this,uploadForm,fileInput,settings={namespace:defaultNamespace,uploadFormFilter:function(index){return true;},fileInputFilter:function(index){return true;},cssClass:defaultNamespace,dragDropSupport:true,dropZone:container,url:function(form){return form.attr('action');},method:function(form){return form.attr('method');},fieldName:function(input){return input.attr('name');},formData:function(form){return form.serializeArray();},requestHeaders:null,multipart:true,multiFileRequest:false,withCredentials:false,forceIframeUpload:false,sequentialUploads:false,maxChunkSize:null,maxFileReaderSize:50000000,replaceFileInput:true},documentListeners={},dropZoneListeners={},protocolRegExp=/^http(s)?:\/\
I don't think that some code is wrong because it worked earlier before for years but there is another reason - maybe related to Cloudflare, caching, php version, etc.
Does anyone have a clue what could be a solution?
Thanks,
Philip

Related

'React-Native-Share' Library fails to compile on Web

I've been creating react-native app to share text or images to social platforms.
I've used React-Native-Share library to serve the purpose of my application.
This library is working fine for iOS & Android but when I'm running it on Web.
I'm facing compiling failed error (Syntax Error). It seems like React-Native-Web cannot parse the syntax used by this library.
As far as I researched on it. I think I need to setup webpack.config.js for this to work, but as I've never did this before so not sure how it works and how to set it up.
Please see the attached screenshot
Syntax Error
Thank you in advance :)

Javascript - Find source of console.errors in webpage

I'm developing a React app and incorporated a few packages, some of which seem to be spitting out uncaught console.error messages despite UI and functionality working just fine. The Console output currently looks like this:
I can't seem to find anything online about this, but is there any way I can track down and silence these messages? In particular I'm looking at the one saying Failed to load resource: net::ERR_FAILED, since the others seem to be coming from the React debugger.
EDIT: The error seems to be a side effect of some sort of Adblocker/tracker blocker built into Brave. Is there anyway I can still catch that in my Javascript code?
At first glance it could be something like a cache or some extension. Since you've said that you searched for a solution online and didn't find anything, I believe you already tried these solutions, but if not, here is something you can try:
Start Chrome with your extensions disabled or start in incoginito mode (the extensions will be disabled by default).
Clean your browser cache and cookies.
If you are like me (I hope not) and open 99+ tabs in your broswer, close them, it could be a problem due lack of memory.
Check the network tab to see if Chrome failed to download any resource file.
These are the tips I can give to you, I hope it helps.

wpbackery visual composer 5.4.7 front end editor not working only showing logo

here is the error i am getting in chrome console when try to open front end editor
I have latest wp 4.9.8 version
I have visual composer 5.4.7 version, Kindly check and help me to fix it
Note: my backend editor working fine only getting issue in frontend editor
Uncaught TypeError: vc.frame_window.jQuery is not a function
at vc.ShortcodesBuilder.buildFromContent (frontend-editor.min.js?ver=5.5.2:1)
at Object.vc.build (frontend-editor.min.js?ver=5.5.2:1)
at frontend-editor.min.js?ver=5.5.2:1
I had the same problem. The problem was caused by the "Rocket Loader" option in Cloudflare. This is under the "Speed" section. Once I deactivated that option, that error disappeared.
That Rocket Loader option is meant to speed up the paint of files containing JavaScript. However, it doesn't seem to work well with Visual Composer (vc).
I submitted a ticket to Cloudflare support, I hope they fix this soon.
Update your version to the newest one. there is some kind of conflict as in the error, the version mentioned is the latest and not the 4.9.8.

What does it mean in Chrome's dev tools when a js file's link starts with debugger?

I'm trying to diagnose a JavaScript issue in an ASP.Net website that I didn't write. I've loaded Google Chrome's development tools and run the function that isn't working and am getting an error that says:
Uncaught TypeError: jQuery.clean is not a function
When I click on the error in the debugger it is showing me a file which is obviously knockout.js. I believe the issue is that we have upgraded jQuery to a new version that no longer contains the .clean function. This much isn't that interesting just background to my question.
I'm trying to figure out where Chrome has got knockout.js from so that I can upgrade it. However when I look at the location of the knockout.js file it is telling me it has come from debugger:///VM830. That is clearly not part of the site. I have tried right clicking on 'Empty Cache and Hard Reload' but it is still showing as coming from the same place. My question is what is the debugger:///VM830 location and where might it actually come from?
Looks like our "quality" code is downloading knockout.js as an XHR request and then executing the response using eval().

How do you debug IE & jQuery errors like this

I'm developing in Javascript for quite a long time now. Usually when I hit an error in IE I know roughly where it originated even if the message received from IE is useless bunch of text. When I don't know where the error originated, I usually try to "delete" parts of my code, until the error doesn't repeat itself, and that start manually checking line by line until I find the error.
I'm sure that it's far from the best approach, so I'd like to ask you how you debug error like these:
If you are using IE8+, you can press F12 on a page to open the Developers Tools.
This contains a JavaScript debugger, much like Firebug & Chrome Dev Tools
EDIT:
In response to the comment under the question, if IE is throwing a cryptic error that you are unsure of, there is a couple of steps I would do.
Is it an IE only error? Does the same error occur in Firefox? Chrome?
Is the error occurring in a 3rd party library. If you believe it is, use an un-minified version of the library.
Can you replicate the error outside of your website? Can you make the error occur in a http://jsfiddle.net/ for instance?
If you still can't narrow down the issue, post a question on SO with your code, any error messages, and expectations of the result.
HTH
Try using non-minified version of jQuery - it will give you a better idea where exactly the error is. Also, if you use VS 2010 to debug your js code in IE, it will break at the error line. This always works fine for me.
IE is the only browser that I've managed to successfully use the fantastic Visual Studio script debugger with - in my experience Visual Studio is hands down the best script debugger out there, so quite often I find myself in the reverse situation to you (running broken scripts in IE just so I can use the script debugger)
See How to debug JavaScript in Internet Explorer for instructions on how to use Visual Studio Express to debug scripts in IE - if you own a full edition of Visual Studio then its much simpler (just attach to IE as normal).

Categories

Resources