使用VueJs2和Webpack的小冊子CSS導入問題

Question

我正在嘗試使用vuejs2來顯示一個Leaflet映射的單個文件組件。

盡管我的地圖組件已正確安裝，但我仍在嘗試使用傳單CSS導入。 地圖的圖塊看起來都很雜亂，我猜測地圖塊上沒有應用任何樣式： 無序圖塊 。 Webpack和瀏覽器控制台均未顯示錯誤。

有什么線索可以正確加載樣式表嗎？

源碼可以在github repo上找到

Answer 1

至少有兩個問題：

1. 在webpack.config.js中，您具有以下options: {modules: true}為CSS文件啟用了options: {modules: true} 。 這將導致webpack預處理您的leaflet.css文件並更改所有選擇器名稱。 將模塊選項更改為false

2. 您的地圖容器必須具有明確的大小。 例如，在map-component.vue的<style>部分中，添加以下內容：

   .map-container {width：800px; 高度：600像素； }