错误代码
\node_modules\toposort\index.js:35
throw new Error('Cyclic dependency' + nodeRep)
^
Error: Cyclic dependency
1
2
3
4
5
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
2
3
4
5
可以看到该 package 被 vuepress-html-webpack-plugin 所依赖
经过查询，可以看到在 toposort 的 issue[1] 中给出了解决方案
按照这个思路尝试打开 /node_modules/vuepress-html-webpack-plugin/index.js:33 将 chunksSortMode 修改为 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
2
3
4
5
6
至此，问题的得到了优雅的解决。