Vue-cli可视化界面的bulid构建线上模式打包失败:No module factory available for dependency type: CssDependency

vue可视化bulid:No module factory available for dependency type: CssDependency

很多方式都是把发布模式改成开发模式,这种只是暂时性的,因为项目上线的话进行打包还是会出现这种问题,下面这俩种是永久性的

解决方案1:

首先把package-lock.json文件和node_modules文件夹进行删除重新进行npm i进行安装 再次运行即可打包成功

原因:

插件内部有些文件冲突,重新安装后会共享该冲突文件(?猜测)

解决方案2:

放弃可视化项目构建线上打包,采用命令行进行打包, 打开命令行npm run build进行打包,即可解决问题

热心网友提供的：

在根目录新建vue.config.js

module.exports = {
css: {
extract: false
}
}

原因:

vue-cli可视化页面背后执行的也是这些命令,不过可视化项目太过于繁琐,导致中间运行阶段产生打包中断的问题