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

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

 

posted @ 2018-12-03 10:08  疯癫释流年  阅读(803)  评论(0编辑  收藏  举报