Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Vuelayers do not work in Internet Explorer. #32

Closed
nPaul opened this issue Feb 10, 2018 · 2 comments
Closed

Vuelayers do not work in Internet Explorer. #32

nPaul opened this issue Feb 10, 2018 · 2 comments

Comments

@nPaul
Copy link

nPaul commented Feb 10, 2018 •
edited

Vuelayers do not work in Internet Explorer.

My version IE 11.

I created simple page HTML for testing.
index.html

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/openlayers"></script>
<link rel="stylesheet" href="https://unpkg.com/vuelayers/lib/style.css">
<script src="https://unpkg.com/vuelayers"></script>

<main id="app">
  <vl-map :load-tiles-while-animating="true" :load-tiles-while-interacting="true">
    <vl-view :zoom="2" :center="[0, 0]" :rotation="0"></vl-view>

    <vl-geoloc>
      <template scope="ctx">
        <vl-feature v-if="ctx.position" id="geoloc-feature">
          <vl-geom-point :coordinates="ctx.position"></vl-geom-point>
        </vl-feature>
      </template>
    </vl-geoloc>

    <vl-layer-tile id="osm">
      <vl-source-osm></vl-source-osm>
    </vl-layer-tile>
  </vl-map>
</main>

<script>
Vue.use(VueLayers)
new Vue({
  el: "#app",
  data: {
  }
})
</script>

</body>
</html>

in browser IE 11 get errors:

[Vue warn]: Injection "$services" not found

found in

---> <VlMap>
       <Root>

[Vue warn]: Error in created hook: "Error: no Promise impl found"

found in

---> <VlMap>
       <Root>
Error: no Promise impl found
   {
      [functions]: ,
      __proto__: { },
      description: "no Promise impl found",
      message: "no Promise impl found",
      name: "Error",
      stack: "Error: no Promise impl found
   at Observable.prototype.toPromise (https://unpkg.com/vuelayers:2265:13)
   at created (https://unpkg.com/vuelayers:18666:5)
   at callHook (https://unpkg.com/vue:2895:9)
   at Vue.prototype._init (https://unpkg.com/vue:4547:5)
   at VueComponent (https://unpkg.com/vue:4715:7)
   at createComponentInstanceForVnode (https://unpkg.com/vue:4236:3)
   at init (https://unpkg.com/vue:4053:7)
   at createComponent (https://unpkg.com/vue:5499:9)
   at createElm (https://unpkg.com/vue:5447:5)
   at createChildren (https://unpkg.com/vue:5573:9)",
      Symbol(identityMap)_i.2duz5kehxv0: undefined,
      Symbol(options)_j.2duz5kehxv0: undefined,
      Symbol(services)_h.2duz5kehxv0: undefined
   }
@nPaul nPaul changed the title Vuelayers not work on Internet Explorer Vuelayers do not work in Internet Explorer. Feb 10, 2018
ghettovoice added a commit that referenced this issue Feb 10, 2018
@ghettovoice
fix: provide Promise ctor to Observable.prototype.toPromise method (#32)
48321c2
@ghettovoice
Copy link
Owner

Now I see, that I forgot provide Promise Ctor to toPromise method.
Thank you for pointing it to me.
Try to update vuelayers: npm update vuelayers up to v0.9.1, this should resolve the issue.

@ghettovoice ghettovoice mentioned this issue Feb 10, 2018
Closed
@ghettovoice
Copy link
Owner

Discussion of the issue with IE continues in #31
So, I close this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@nPaul @ghettovoice