码迷,mamicode.com
首页 > 移动开发 > 详细

vue-cli使用vux时报错处理,“You may need an appropriate loader to handle this file type”

时间:2018-11-21 15:42:10      阅读:3721      评论:0      收藏:0      [点我收藏+]

标签:build   base   nal   merge   module   安装   cli   webp   can   

先说解决方案:

  在项目中找到build,找到webpack.base.conf.js

  将vux给出的解决方案代码拷贝出来

const vuxLoader = require(‘vux-loader‘)
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: [‘vux-ui‘]
})

将其粘贴到webpack.base.conf.js文件最下方,

将最上面的module.export,定义const  originalConfig=替换原来的module.export=

另外还好改一处,在webpack.base.conf.js文件中加入less

extensions: [‘.js‘, ‘.vue‘, ‘.json‘],

加好之后

extensions: [‘.js‘, ‘.vue‘, ‘.json‘, ‘.less‘],

 

重新运行,如果还报错,检查插件安装,可以参考如下:

安装使用

npm install vux --save

vux2必须配合vux-loader使用,安装vux-loader

npm install vux-loader --save-dev

安装less-loader  (这个是用以正确编译less源码,否则会出现 ‘ Cannot GET / ‘)

npm install less less-loader --save-dev

 

其原因是因为vux需要less-loader,在webpack打包中要把less配置进去

 

vue-cli使用vux时报错处理,“You may need an appropriate loader to handle this file type”

标签:build   base   nal   merge   module   安装   cli   webp   can   

原文地址:https://www.cnblogs.com/lengyue0030/p/9994639.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!