Failed to read the 'cssRules' property from 'CSSStyleSheet'

[Mario Carloni]

We have developed a leaflet app including your leaflet-easyPrint module, instantiated like so:

L.easyPrint({ title: 'Print', position: 'topright', sizeModes: ['A4Portrait', 'A4Landscape'], }).addTo(map)

The printing functionality works, but we receive multiple cssRules errors from other packages in the console each time either portrait or landscape printing is selected, like so:

After some digging, we've discovered that this is from a CORS violation explained on StackOverflow and W3. The explanation suggests running a local development server would suffice, but the errors persist through both local and production servers.

What other information is necessary to discern whether the CORS violation is from all other packages from the pic above, or from your package? Why would it happen on-click of the print control?

[Mario Carloni]

UPDATE:

So importing all CSS into the project instead of using unpkg then using /* eslint-disable */ above all referenced error lines from the bundle should effectively hide the error.

Although, I'm still unsure as to why it would happen only on-click of the print control?

[Rowan Winsemius]

Hi @MarioCarloni

So basically when the print button is clicked the map is copied from the existing browser window to a new browser window so that it can be resized more effectively. I suspect it's something in this process that's causing things to go a bit haywire.

Unfortunately CORs is a major thorn in the side of this library at the moment :(

[Mario Carloni]

Hey @rowanwins

We're all learning here, so no worries. Thanks for the response!

[Soukaina El Hayouni]

Hey @MarioCarloni,
Please, have you found any solution for this !?