我正在尝试使用 vuejs2 制作单个文件组件来显示 Leaflet map 。
尽管我的 map 组件已正确安装，但我仍在努力导入 leaflet css。 map 的瓷砖看起来很乱，我猜 map block 上没有应用任何样式:Unordered tiles . webpack 和浏览器控制台都没有显示错误。
有任何正确加载样式表的线索吗？
资源可在 github repo 获得
最佳答案
至少有两个问题:
在 webpack.config.js 中，你有
options: {modules: true}为 CSS 文件启用。这会导致 webpack 预处理您的 leaflet.css 文件并破坏所有选择器名称。将模块选项更改为false您的 map 容器需要有一个明确的大小。例如在
<style>你的部分map-component.vue，添加这个:.map容器{ 宽度:800px； 高度:600px；
关于css - 使用 VueJs2 和 webpack 的传单 CSS 导入问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52832079/