IE Problem Injection $services not found

[ChristianBielak]

Hi,

on IE i get the warn Injection $services not found in VlStyleFill, VlStyleStroke, VlStyleCircle and VlStyleBox.

I tried diffrent versions of your package. I also use babel-polyfill and the correct presets.

Thanks for help :)

[ghettovoice]

Hi @ChristianBielak ,
can you provide the template of your component?
This warning shouldn't be fatal for your app.
There was several same issues and I thought that it was fixed.

And what versions of IE? I'll try to install the same

[ghettovoice]

downloading vm with ie 11 💤

[ChristianBielak]

<template>
    <div class="urban-development-map">
        <vl-map  @created="mapCreated" ref="map" @pointermove="onMapPointerMove" :style="{cursor: mapCursor}" :load-tiles-while-animating="true" :load-tiles-while-interacting="true" data-projection="EPSG:4326">
            <vl-view :zoom.sync="zoom" :center.sync="center" :rotation.sync="rotation"></vl-view>

            <vl-layer-tile>
                <vl-source-bing-maps :api-key="apiKey" :imagery-set="imagerySet"></vl-source-bing-maps>
            </vl-layer-tile>

            <vl-feature :id="area.name" ref="marker" :properties="{ name: area.name, coordinates: area.coordinates }" v-for="area in areas" :key="area.name">
                <vl-interaction-select :features.sync="selectedFeatures">
                    <vl-geom-point :coordinates="area.coordinates"></vl-geom-point>
                <vl-style-box>
                    <vl-style-circle :radius="20">
                        <vl-style-stroke color="rgb(210,10,17)"></vl-style-stroke>
                        <vl-style-fill color="rgba(210,10,17,0.4)"></vl-style-fill>
                    </vl-style-circle>
                </vl-style-box>
                    <vl-overlay class="feature-popup" v-for="area in selectedFeatures" :key="area.id" :id="area.id"
                                :position="area.properties.coordinates" :auto-pan="true">
                        <template slot-scope="popup">
                            <section class="card">
                                <header class="card-header">
                                    <p> <i class="fas fa-times" @click="selectedFeatures = []"></i></p>
                                    <p class="card-header-title">
                                        <strong>{{area.properties.name}}</strong>
                                    </p>
                                </header>
                            </section>
                        </template>
                    </vl-overlay>
                </vl-interaction-select>
                <vl-style-box>
                    <vl-style-circle :radius="20">
                        <vl-style-stroke color="rgb(210,10,17)"></vl-style-stroke>
                        <vl-style-fill color="rgba(210,10,17,0.4)"></vl-style-fill>
                    </vl-style-circle>
                </vl-style-box>
            </vl-feature>
        </vl-map>
    </div>
</template>

[ChristianBielak]

http://mwsp-dev.ultrabold.de/lokale-stadterneuerung

Here you can check out the map :)

[ghettovoice]

Here you can check out the map :)

Greate! Thank you. I'll check it tonight, I already have several assumptions about the reason of the warning

[ChristianBielak]

No, thank you :)

[ChristianBielak]

Should i try to reinstall the package?

[ghettovoice]

Not yet published. Maybe tonight I'll have free time to complete package release, last resort tomorrow morning

[ChristianBielak]

Nice :) thanks for your great support

[ghettovoice]

it's ready: npm i vuelayers@latest

[ChristianBielak]

nice :) it works