vue项目运行时出现的问题（less、vue poackages version）

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

今天运行项目，项目一直好好的却突然运行时报错，如下：

是引入文件报错问题，回头查看了一下文件在main.js的引入：

import '@/assets/styles/custom.less';

文件引入并没有问题。

百度了一下是说相关依赖babel-loader和vue-loader没有找到，但是npm i babel-loader vue-loader依然报错此信息。
webpack的配置文件正常情况下已经配置好可以引入css，less等文件，如果出现报错有两种方式解决：第一是用src形式引入文件：

<style lang="less" src="./assets/styles/custom.less"></style>

第二就是局部安装vue-style-loader，less-loader，css-loader，vue-loader和less包：

cnpm i vue-style-loader less-loader css-loader vue-loader less

less问题解决。

一波未平一波又起，出现了如下问题：

明显这里提示的是vue的版本和vue-template-compiler的版本不一致，使用命令：

npm install vue@2.5.17 --save

让版本一致，然后运行，成功。