vue+webpack项目 路由router的index里引入组件时报错问题

vue+webpack搭建项目时，在router的index里引入组件时报错，把组件中的lang=“XXX去掉就正常”。

@ ./node_modules/vue-style-loader!./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-d9d42696”,“scoped”:true,“hasInlineConfig”:false}!./node_modules/less-loader/dist/cjs.js?{“sourceMap”:true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/views/test1.vue 4:14-370 13:3-17:5 14:22-378

.js/
首先 根据提示是没安装依赖的原因 所以先安装css预处理语言的依赖 ；
如果安装好了出现报错***…is not function*** 的字眼，说明当前你安装部的预处理语言版本过高，解决方案我总结了几个放在下面，
关于vue中引入less时的报错集

在vue中引入并使用less时遇到的一些错误及解决方案：

1、错误一：
错误如下图所示：

因为当前项目版本2.9.6 已经在build/utils里配置了less的处理，所以和之前在build/webpack.base.conf.js中配置的less-loader冲突
解决方法：

将冲突的less-loader去掉即可，如上图：

2、错误一：
错误如下图所示：

此类为题表示缺少相关依赖，根据关键词vue-style-loader!css-loader，说明是css 解析的时候出了问题。
解决方法：
根据使用的css语言来安装相应的依赖包,命令如下：
常规css:
npm install stylus-loader css-loader style-loader --save-dev
如果是less：
npm install less less-loader --save-dev
如果是sass:
npm install sass sass-loader --save-dev
或者：
npm install sass-resources-loader --save-dev(我上面的这个错误是因为引用全局的less文件，所以执行该命令来解决此问题)

3.错误三：
错误如下图所示：
Module build failed: TypeError: loaderContext.getResolve is not a function

原因：
less-loader版本太高
解决方式：
修改package.json文件：

修改less和less-loader的版本为^3.9和5.0.0, 然后删除node_modules文件夹后重新npm install