未捕获的TypeError：r.has不是函数

Question

The only change that i made is that I upgraded to the new version of handsontable; all other code is the same. Working fine in v15.1, but v16.x or 17.0 both give me the error. Unfortunately, I am unable to reproduce in fsfiddle. Even the most basic example is failing for me:

 document.addEventListener("DOMContentLoaded", function() { var container1 = document.getElementById('example1'); var hot1; hot1 = new Handsontable(container1, {}); }); 

 <link type="text/css" rel="stylesheet" href="http://docs.handsontable.com/0.17.0/bower_components/handsontable/dist/handsontable.full.min.css"> <script src="http://docs.handsontable.com/0.17.0/bower_components/handsontable/dist/handsontable.full.js"></script> <div id="example1"></div> 

This should display a blank grid (and does in jsfiddle), but in my environment i get the error. Any thoughts?

Answer 1

I don't know what environment you are working in, but I was able to identify the reason for this error in VisualForce.

The same problem happened: handsontable was upgraded from version 15 to version 20 and the page stopped working with similar error:

TypeError: samples.has is not a function. 

Variable samples is initialized in handsontable.full.js as: var samples = new Map(); and the variable Map was getting overwritten by Salesforce main.js.

I've replaced Map with hotMap through out handsontable.full.js and page is working now.

It looks like you have the conflict with variables from different included js files in your environment too.

Not good that I had to change handsontable.full.js of course but could not think of anything else.