Webpack 循环依赖的问题 Error:Cyclic dependency

Webpack 循环依赖的问题 Error:Cyclic dependency

最后修改时间:a month ago

错误代码

\node_modules\toposort\index.js:35
throw new Error('Cyclic dependency' + nodeRep)
^

Error: Cyclic dependency
1
2
3
4
5

当我键入 npm list toposort 时,可以看到如下的结果





 

vsite@1.0.0 D:\frontend\vue-dw
└─┬ vuepress@1.8.2
  └─┬ @vuepress/core@1.8.2
    └─┬ vuepress-html-webpack-plugin@3.2.0
      └── toposort@1.0.7
1
2
3
4
5

可以看到该 packagevuepress-html-webpack-plugin 所依赖

经过查询,可以看到在 toposortissue[1] 中给出了解决方案

按照这个思路尝试打开 /node_modules/vuepress-html-webpack-plugin/index.js:33chunksSortMode 修改为 none

chunksSortMode: 'auto',    =>   chunksSortMode: 'none',  
1

重新启动后,问题解决了。


但是!

没错!

这样不够优雅。

vuepress 官方配置文档中可以找到关于修改 wepack 的章节[2]

我们依样在 config.js 中添加

  // fix Error: Cyclic dependency
  configureWebpack: (config, isServer) => {
    if (!isServer) {
      config.plugins[4].options.chunksSortMode = 'none'
    }
  },
1
2
3
4
5
6

至此,问题的得到了优雅的解决。


  1. Cyclic dependency error (opens new window) ↩︎

  2. configureWebpack (opens new window) ↩︎

- 全文完 -

留下一条留言?
默认颜色

主题颜色

标准颜色

更多颜色...