清晨的?

前言

我們都知道在 Vue 中并不只有純正的CSS,還有less、sass等，后面這些，寫起來都可以級聯著，不需要像原生的css那樣，會方便很多。

大家都知道我也是最近寫的vue，看見周圍人都在用這個，我也就去安裝了一下，但是一直都報一個版本過高的錯誤。這種錯誤非常好解決，因為后端也常遇到，直接降版本就好了。

因為好奇心的驅使，我就在想，為什么不能安裝最新less-loader？好像也沒有哪里體現啊

然后就產生了這篇文章…

一、踩坑開始

我目前項目是沒有安裝的，我們先把<style lang="less"> 改成less，這個時候控制臺就會報這樣的錯誤。

這很簡單，說讓我們下載less-loader，下載就是拉嗎

npm i less-loader

這樣就直接下載完， 我們再次啟動項目。

接著報如下錯誤：

拿著這個去百度，答案到處都是，但是基本沒人去講為什么我們安裝了默認的less-loader會報這個錯誤。

二、原因

首先我們要明白一件事情，vue的腳手架是依靠著webpack的，我們默認是使用webpacke來對vue項目進行打包管理的。

目前webpack的最新版本已經到五拉。

而我們使用的vue的腳手架目前使用的webpack版本還是4.多的

我們可以去哪里查看呢？打開node_modules，找到webpack文件夾，看package.json文件，查看內置的版本信息

在這個里面是可以直接看到它搭配的less和less-loader的。

我們可以直接下載這個搭配的版本使用,后面的版本號，

其實less-loader版本從4~7都行，現在最新的都到10拉，只不過新的8，9，10都是搭配webpack5使用的。

npm install less@3.9.0 less-loader@4.0.3

再次啟動項目，沒有任何問題。

---

對了在這個地方不要產生一個誤解，說一定要使用什么最新的才是最好的，而是要根據實際版本來選擇最合適的，才是最好的。

后語

大家一起加油！！！如若文章中有不足之處，請大家及時指出，在此鄭重感謝。

紙上得來終覺淺，絕知此事要躬行。

大家好，我是博主寧在春：主頁

一名喜歡文藝卻踏上編程這條道路的小青年。

希望：我們，待別日相見時，都已有所成。

總結

以上是生活随笔為你收集整理的「后端小伙伴来学前端了」Vue中为什么直接安装less-loader会报版本过高错误？你有没有思考过？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。