Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: [Error: SCRIPT1028: SCRIPT1028: Expected identifier, string or number] on DropdownToggle in Edge

Ragash free asked 5 years ago


**Expected behavior** Vue loading and working correctly with navbars or dropdowns

**Actual behavior** Vue fails to load cause script error [Error: SCRIPT1028: SCRIPT1028: Expected identifier, string or number]

**Resources (screenshots, code snippets etc.)** Debugger image of the error and line As you can see, it seems Edge still have problems with es6 spread operators, and it causing the compiled js to literally explode.

im trying right now to workaroud with babel, but i do not think it's the intendeed behaviour. thanks in advance for your time


Ragash free answered 5 years ago


Zoomed element sorry, the screen was to messy, here the highlighted section, it can be found on DropdownToggle.vue on line 34


Magdalena Dembna staff commented 5 years ago

Our babel settings support browsers > 1%. Where does a problem occur? During the development? We've tested our Vue preview on Edge (code after build) and we don't get an error. Please provide a more specific description of your case. Although according to MDN Edge doesn't support spread operator in object destructing - in this case, I suppose problem lays with babel - let me know if your workaround works.


Ragash free commented 5 years ago

yes it happens during Developtment, i struggled for about 5 hours messing with babel trying to let it work but i solved ONLY WHEN transpiled to ES5 the vendors directory(where MDBvue resides), denoting that the problem lays into the library of mdbvue in dev mode :)

right now mdbvue works also on IE11 (ofcourse, having transpiled to ES5) but as stated, im unsure that this is the intendend behaviour (transpiling the whole code base to ES5)


Magdalena Dembna staff commented 5 years ago

Does this problem appear after build command or is it just during the development? We will be working on improving our environment in the nearest future and we will take a look at this issue then. Kind regards, Magdalena


Ragash free commented 5 years ago

it happen during "npm run dev" and "npm run watch", i did not tested on prod


Magdalena Dembna staff commented 5 years ago

I hope it's a flaw in the configuration in the development mode - we checked our preview app on edge and described error is not showing: https://mdbootstrap.com/previews/templates/vue/#/. We will take a look at this issue in the nearest future - thank you for drawing our attention to this. Kind regards, Magdalena



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.8.0
  • Device: Desktop
  • Browser: Edge
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No