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

Posted 2021-01-21 lengyue0030

先说解决方案：

　　在项目中找到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配置进去