Internet Explorer 11 showing always blank, no errors

[albertoziveri]

Dear Developer,
first of all, congratulation for making the most complete and customizable vue nested tree component.

I am struggling in making it compatible with IE11. While I comprehend it's an old browser, unfortunately many companies still use it so I have to provide compatibility, for at least 1-2 more years.

Taking for example the demo code from CodePen, I cannot make it work for IE11.
After removing ES6 incompatibilities (in the demo there are a few), IE doesn't give any error in the debug console, but it removes the #app div instead and doesn't show anything.
I also added the promise polyfill.. But nothing, I cannot figure it out and I'm sure it's not hard to make it compatible.

Regards

[phphe]

I will check it.

[albertoziveri]

I will check it.

Thanks. Still trying to detect where your code can't render in IE but can't figure it out.
Cheers

[mugiwaranojem]

I'm encountering same issue on IE 11 specially with using tree-helper, seems there's a lot of compatibility issue with using IE 11,
I'll keep update on your post regarding on this issue,

Thanks so much for making this library, you rock man.

[albertoziveri]

Any news on this? I won't give up

[weituotian]

@phphe how to let it work in ie 11?

import的时候就报错了，是不是没做polify

SyntaxError: 缺少标识符

[albertoziveri]

Any news about this? I would be able to pay someone that fix this.

[phphe]

@albertoziveri @weituotian
sorry. I ignored github notification emails because notifications of this issue folded in one line in my mailbox. I checkd and fixed the issue this night.
use latest 2.2.9
babel polyfill is required. you can import whole or part of babel polyfill, I am not sure.
babel polyfill is not the main reason. The main reason is ie 11 don't support slot-scope="{data, store}". The template must be compiled or use slot-scope="object"
check this: https://github.com/phphe/vue-draggable-nested-tree#template_for_old_browsers
check this: https://github.com/phphe/vue-draggable-nested-tree/tree/master/ie11-example
ie11-example is able to run in ie11

[xingqiwu55555]

hi, I met the same issue. Any updates?

[xingqiwu55555]

@phphe hello，
Maybe I find the key of issue, but I need your help. please contact with me soon!

more details:
there is a library in this component. that's: vue-functions. I noticed that the library has some methods, such as:

export function* iterateObjectWithoutDollarDash(obj) {
  for (const key in obj) {
    const start = key.substr(0, 1)
    if (start !== '$' && start !== '_') {
      yield {key, value: obj[key]}
    }
  }
}

but if I delete those functions, it's normal.

[phphe]

@xingqiwu55555 but this one works in ie11: https://github.com/phphe/vue-draggable-nested-tree/tree/master/ie11-example

[SONG-JY]

I have the same issue..
Just by writing into the code like " import { DraggableTree } from 'vue-draggable-nested-tree' ", the whole project is blank in the IE11.
And I followed the IE11 example, but it's not working also.

Please help me..

[phphe]

@SONG-JY your code is strange. you should use 'import'

[xingqiwu55555]

@xingqiwu55555 but this one works in ie11: https://github.com/phphe/vue-draggable-nested-tree/tree/master/ie11-example

this example is limited, you can try the imported way.

[phphe]

@xingqiwu55555 but this one works in ie11: https://github.com/phphe/vue-draggable-nested-tree/tree/master/ie11-example

this example is limited, you can try the imported way.

can you show me reproduce or error?