ESLint：单个文件组件在初始化时“未定义'L'

如何解决ESLint：单个文件组件在初始化时“未定义'L'

我随时准备告诉我我在做一些愚蠢的事情，因为虽然我以前对VueJS和Leaflet有过经验，但这是我第一次为Vue使用单个文件组件的项目。使用了vue2-leaflet，以及节点，npm和VueCLI的全新设置，而我都没有非常熟练的练习-有很多出错的空间！但是，我整天都在转转，似乎没有任何意义。

当前，该应用程序距离VueCLI创建的项目不远。在main.js中，我输入了：

import { LMap,LTileLayer,LMarker } from 'vue2-leaflet';
import 'leaflet/dist/leaflet.css';
Vue.component('l-map',LMap);
Vue.component('l-tile-layer',LTileLayer);
Vue.component('l-marker',LMarker);

现在在该文件的顶部，以防我的问题与声明和实例化的顺序有关，但事实并非如此。

然后，我在src / views下有一个“ mapiface.vue”文件，并在index.js中定义了关联的路由。除了样式信息外，“ mapiface.vue”的内容为：

<template>
  <div id="mapview"> 
  <l-map id="themap" :zoom="zoom">
    <l-tile-layer :url="url" :attribution="attribution"></l-tile-layer>
  </l-map>
  </div>
</template>

<script>
module.exports = {
data() {
    console.log(L); //Let's see whether L exists,then
    return {
      zoom:3,center: L.latLng(47.413220,-1.219482),url:'http://{s}.tile.osm.org/{z}/{x}/{y}.png',attribution:'&copy; <a href="http://osm.org/copyright">OSM</a> contributors',//marker: L.latLng(47.413220,}
  }
}
</script>

保存该文件或刷新输出页面后，我将得到以下信息：

25:17  error  'L' is not defined  no-undef   
29:15  error  'L' is not defined  no-undef

在文件中，这些行号与我的console.log和中心线相对应。

但是，在控制台中，在上述错误下，我得到了：

{…}
​
Bounds: function Bounds()​
browser: Object { ie: false,ielt9: false,edge: false,… }
​
CRS: Object { latLngToPoint: latLngToPoint(),pointToLatLng: pointToLatLng(),infinite: false,… }
​
Canvas: function NewClass()​
Circle: function NewClass()​
CircleMarker: function NewClass()​
Class: function Class()​
Control: function NewClass()​
DivIcon: function NewClass()​
DivOverlay: function NewClass()​
DomEvent: Object { on: on(),off: off(),stopPropagation: stopPropagation(),… }
​
DomUtil: Object { TRANSFORM: "transform",TRANSITION: "webkitTransition",TRANSITION_END: "webkittransitionend",… }
​
Draggable: function NewClass()​
Evented: function NewClass()​
FeatureGroup: function NewClass()​
GeoJSON: function NewClass()​
GridLayer: function NewClass()​
Handler: function NewClass()​
Icon: function NewClass()​
ImageOverlay: function NewClass()​
LatLng: function LatLng()​
LatLngBounds: function LatLngBounds()​
Layer: function NewClass()​
LayerGroup: function NewClass()​
LineUtil: Object { simplify: simplify(),pointToSegmentdistance: pointToSegmentdistance(),closestPointOnSegment: closestPointOnSegment(),… }
​
Map: function NewClass()​
Marker: function NewClass()​
Mixin: Object { Events: {…} }
​
Path: function NewClass()​
Point: function Point()​
polyUtil: Object { clippolygon: clippolygon()
 }
​
polygon: function NewClass()​
polyline: function NewClass()​
Popup: function NewClass()​
PosAnimation: function NewClass()​
Projection: Object { LonLat: {…},Mercator: {…},SphericalMercator: {…} }
​
Rectangle: function NewClass()​
Renderer: function NewClass()​
SVG: function NewClass()​
Svgoverlay: function NewClass()
...

所以L在我看来很明确！

我曾尝试移动声明和导入语句，但无济于事。此时，我迷路了，我们将竭诚欢迎任何帮助。