问题描述:

在打包过程出现 没有可用于依赖类型的模块 CssDependency

Error: No module factory available for dependency type:CssDependency

 解决问题:最简单的解决方法就是在编译的时候更换模式, 在脚手架中进行设置

步骤1:打开build中参数设置

 

步骤2:设置参数并保存,参数如下

上面两个按钮可以配置兼容性,可开可不开,都可以编译成功

保存后再编译就成功了

 

这是最简单的解决方法

其中最根源问题是

vue cli4发布后不能改文件名;命令行npm run build发布后的文件,如index.html,改名为test.html,就不能访问。

如果使用vue cli4 的 vue ui的发布界面中,点击任务-bulid发布则会报错Error: No module factory available for dependency type: CssDependency

而如果直接使用npm run build则不会报错,但是可以发布出来。
依然不能改文件名,改后即无法访问,#app部份全部为空。

解决方法 :
在vue.config.js中添加:

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

但是对于我来说依旧推荐第一种最最简单的方法,但上述参数改变时,文件就会被自动加上这些参数,所以不会有什么错误发生。

 

Logo

前往低代码交流专区

更多推荐