Topic: Angular Lightbox Gallery screenfull error ERROR ReferenceError: screenfull is not defined

stevemartin21 pro asked 3 years ago

Expected behavior

I have been working on adding a lightbox gallery to my angular project and can't get the light box to close or to go full screen. It triggers the error below. I have found a previous response and have followed the response as well with no luck.

I have installed npm install --save screenfull@3.3.0 per requirements and verified that my angular.json file includes "node_modules/screenfull/dist/screenfull.js". Been at it a while any input would be great. Thanks

Actual behavior

ReferenceError: screenfull is not defined at ImageModalComponent.closeGallery (ng-uikit-pro-standard.js:16160) at ImageModalComponent_Template_a_click_4_listener (ng-uikit-pro-standard.js:16272) at executeListenerWithErrorHandling (core.js:14960) at wrapListenerIn_markDirtyAndPreventDefault (core.js:14995) at HTMLAnchorElement. (platform-browser.js:582) at ZoneDelegate.invokeTask (zone-evergreen.js:399) at Object.onInvokeTask (core.js:28255) at ZoneDelegate.invokeTask (zone-evergreen.js:398) at Zone.runTask (zone-evergreen.js:167) at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480)

Resources (screenshots, code snippets etc.)

I have consulted with every resource I can find on screenfull and general debugging on it.

Arkadiusz Idzikowski staff commented 3 years ago

Please try to follow these steps and let me know if that helped:

  1. Update screenfull version to 4.2.1.
  2. Remove node_modules folder and package-lock.json file, reinstall your dependencies with npm install and then reload the application with ng serve

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes