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

时间 2019-11-16

标签 vue cli 使用 vux 报错处理 appropriate loader handle file type 繁體版

原文原文链接

先说解决方案：vue

　　在项目中找到build，找到webpack.base.conf.jswebpack

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

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

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

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

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

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

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

加好以后ui

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

从新运行，若是还报错，检查插件安装，能够参考以下：spa

安装使用插件

npm install vux --save

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

npm install vux-loader --save-dev

安装less-loader （这个是用以正确编译less源码，不然会出现 ' Cannot GET / '）

npm install less less-loader --save-dev

其缘由是由于vux须要less-loader，在webpack打包中要把less配置进去