React OIDC-Client IE Promise is Undefined - javascript

I am getting "'Promise' is undefined" error on IE 11, Chrome and Firefox are not giving this error.
I am using below package for OIDC client, I already submitted an issue to that author as well.
https://github.com/IdentityModel/oidc-client-js/issues/826
If I click the link SCRIPT5009 I get directed to
https://learn.microsoft.com/en-us/scripting/javascript/misc/undefined-identifier
I installed below two, the issue is still continuing
https://www.npmjs.com/package/babel-polyfill
https://www.npmjs.com/package/promise-polyfill
Also, I read articles on StackOverflow and on the web that promise errors come from using arrow functions and having ES6 code, but this issue is coming up within OIDC package so none of the code in the app giving this error.

Try to install es6-promise polyfill, You could refer to this thread: Getting Error Promise is undefined in IE11.

Related

Unknown error HERE maps AbstractMarker error in mapjs-core

HERE map error
I've contacted the HERE dev support team and they could not give me an answer as to what would cause this error. I am hoping someone else has run across this error. We have a code base that has not been changed in a month and everything was working fine. Then one day this error started happening and prevents the Map from even loading.
The top error in the image is the one that is reporting from the HERE JS SDK and I believe to be the first domino in my other errors.
Please download new available lite SDK android version 4.x. Please refer the new methods and optional parameters at the following reference :
developer.here.com/documentation/maps/api_reference/H.map.AbstractMarker.html

hint.js:96 Uncaught ReferenceError: isUndefined is not defined [duplicate]

Our angular app sometime does not load on chrome canary (Version 41.0.2237.0 canary (64-bit)) saying
Failed to instantiate module ngHintModules due to: RangeError: Maximum
call stack size exceeded
But it loads fine in firefox, chrome (Version 39.0.2171.71 (64-bit)), safari.
Probably not sure whether there is something to do with angular or not.
Full error
Uncaught Error: [$injector:modulerr] Failed to instantiate module ngHintModules due to:
RangeError: Maximum call stack size exceeded
at Array.forEach (native)
at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2333:21)
at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2384:5)
at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:7
at Array.forEach (native)
at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2385:21)
at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:7
at Array.forEach (native)
at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2385:21)
at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:7
NB: The Error I am showing here is from
Version 41.0.2237.0 canary (64-bit)
I also had this problem which was resolved by disabling Batarang.
This issue is opened on the Batarang Github here: https://github.com/angular/angularjs-batarang/issues/156
You can load the prior version of Batarang from this zip file: https://github.com/angular/angularjs-batarang/archive/v0.4.3.zip
Open More Tools->Extensions in Chrome
Locate AngularJS Batarang and click on the trash can to remove the extension
Download the .zip
Extract the file
Open More Tools->Extensions in Chrome
Check Developer Mode at the top
Click 'Load unpacked extension'
Select the directory where you extracted the zip
If you get an error about the manifest file, then you probably selected one directory level too high. Make sure that you select the bottom level angularjs-batarang-0.4.3 directory
Load up an AngularJS page and use Batarang again with Inspector just like before
This will restore the previous version which while having issues does have some mostly working features like Performance profiling, scope inspector, options, and a help tab which are gone from the latest version. The 0.7.1 version fixes the major breakage of apps, but it only provides the scope tree (no inspector) and the new angular-hint functionality.
You don't need to disable Angular batarang; just do the following:
Open the developer tools and navigate to the hint.js file (the one that is triggering the stack overflow)
Go to line 453 add add a breakpoint
reload the app, and when it hits the breakpoint just comment it out (setupModuleLoader(window)) and click continue
It will still throw an exception, (Uncaught ReferenceError: angular is not defined) but you will be able to run batarang
I know it's not the best solution, but that's the quickest thing I could find without going too deep into the problem
Update:
Checking more to what is happening I noticed that the problem happens when we have define multiple modules and we are adding the same dependencies for all of them.
for example:
angular.module("app", ["moduleB", "moduleC"]);
angular.module("moduleB", ["moduleC"]);
When I define the moduleB without passing the same deps with it's parent module, then there is no stack overflow.
angular.module("moduleB", []);
Our team just experienced this error and it was fixed by updating the Batarang Extension in Chrome to the latest.
Update...
With the new update of Chrome, the problem is back, so if anyone experienced this error, revert back to previous build of Chrome.
All builds available here, don't pick the first one.
http://www.slimjet.com/chrome/google-chrome-old-version.php
Then it should work fine!
I had the same problem with GitHub pages site (with Jekyll).
Searched for hours why does AngularJS app didn't show up (ng-cloak was never resolved).
Figured out that was Batarang which causing the issue.
Great thanks for #kpg's answer.

DraftJS with Internet Explorer

Rendering DraftJS Editor on IE11 gives the following error -
Invariant Violation: PluginEditor.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.
This same setup works fine in Chrome/FF. We already use babel for transpiling ES6.
A related Github thread (https://github.com/facebook/draft-js/issues/296) mentioned multiple versions of React (since draft includes version 15+) while my app uses v0.14... I tried this, but upgrading isn't feasible right now)
The documentation mentions using es6-shim along with es5-shim (https://facebook.github.io/draft-js/docs/advanced-topics-issues-and-pitfalls.html#polyfills). I tried this but it didn't help. I get the same error.
Anything else I might be missing? Looking forward to your inputs.

Unhandled exceptions in jQuery 2.2.1 ("Cannot find function createHTMLDocument in object" & "Cannot convert a Symbol value to a string")

I've recently updated from an older 1.x version of jQuery to the latest 2.2.1 and mostly it seems to be running just fine. Unfortunately I'm constantly receiving 2 error messages in raygun which I don't know how to handle:
The first one is Cannot find function createHTMLDocument in object and only happens in Firefox 24.0 under Win 7 (according to raygun).
The second one states Cannot convert a Symbol value to a string and only happens in Firefox 38.0 in the OS reported as Linux Core.
Both errors don't provide any stack trace (at function () line null, column null (null:null)) and I can't reproduce neither one myself using the same FF & OS version using browserstack.
I'm not quite sure if those errors where already happening earlier in the older jQuery version since I was loading this version from a different CDN which didn't provide any useful errors from within jQuery at raygun at all due to same origin stuff.
One more thing: If it turns out, that those errors actually happen in some legacy browsers which just report an incorrect version 24 & 38, I'd also be happy to know, how to detect those browsers early so that I can show them an appropriate message before the errors occur.
I'd really appreciate any help/input on how to tackle this issue since I'm a little clueless by now.
Thanks

Uncaught TypeError: this.get(...).querySelectorAll is not a function

I am a pretty big project, it is made with angular , node , express.
When I start my application I get the following error:
Uncaught TypeError . This.get ( ... ) is not a function querySelectorAll
But the application continues running without any problem apparently .
I do not know what could be causing this error because as you can see in the screenshot , the error takes about VW838 files called and other angular.
I do not know when this error appeared.
Can anybody help me? Thanks!
This is the error screenshot:
SOLUTION
I've solved it uninstalling and installing chrome again.
Very likely it's caused by some chrome extension.
You can disable chrome extensions one by one and reload your page to see whether the error exists.
Search for .get(0).querySelectorAll in the Chrome extensions folder and all subfolders. Most likely it's .get(0) based on the direct use of querySelectorAll afterwards.
See this disscussion

Categories