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

时间:2023-03-09 00:13:53
vue-cli使用vux时报错处理,“You may need an appropriate loader to handle this file type”

先说解决方案:

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