项目在打包时报错如下:
throw new Error('Cyclic dependency' + nodeRep)
Error:Cyclic dependency
这是循环引用依赖的问题
有一种解决方案就是在配置文件中加入
chunksSortMode:"none"
image.png
这样就不会报错了,但是后来查资料发现chunks决定了记载顺序,如果设置为none页面加载顺序就不能保证了,可能会出现样式呗覆盖的现象。
后来我又挣扎了一下,发现把一些配置文件的包升级就可以了,具体为什么会这样我暂时还不知道原因。我升级的包如下
dependencies: {
"vuedraggable": "^2.19.1",
}
devDependencies:{
"portfinder": "1.0.16",
"postcss-import": "12.0.0",
"html-webpack-plugin": "4.0.0-alpha",
"eslint-plugin-import": "^2.16.0",
"eslint-loader": "^2.1.2",
"eslint": "^5.15.1"
}
看其他文档或博客,有的人给出了如下解决方案:
使用Alpha 版本
npm i --save-dev html-webpack-plugin@next
网友评论