webpack 4 打包报 Cyclic dependency 的解决方法

最新推荐文章于 2023-10-28 18:56:05 发布
最新推荐文章于 2023-10-28 18:56:05 发布
阅读量3.9k 收藏 1
点赞数 1
分类专栏： javascript webpack VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oZhangBi/article/details/84107365
版权
javascript 同时被 3 个专栏收录
10 篇文章 0 订阅
订阅专栏
webpack
3 篇文章 0 订阅
订阅专栏
VUE
2 篇文章 0 订阅
订阅专栏

先上链接地址：传送门

首选在github 搜到 issues

安装 1.0.4 版本的topsort  ：npm install toposort@1.0.4  或者在packgejson 加入以下选项，我的均无效

"resolutions": {
	"toposort": "1.0.4"
}

最终解决方案是在html-webpack-plugin 中加入一下配置完美解决：

new HtmlWebpackPlugin({
     "chunksSortMode": 'none'
   }
 }),

 

bug开发
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Webpack打包慢问题的完美解决方法
08-31
Webpack 打包慢问题的完美解决方法 在使用 Webpack 打包项目时，经常会遇到打包速度慢的问题，这是因为 Webpack 需要处理大量的模块，从而导致打包速度慢。为了解决这个问题，我们需要了解 Webpack 的工作原理和...
前端项目用npm启动时Cyclic dependency循环依赖问题解决
peiyongwei的博客
02-01 2125
有一次，跟新别人的代码且npm install后，启动时报错：Cyclic dependency； 最简单粗暴的解决方法就是，删除node_modules文件夹和package-lock.json文件。重新npm install，然后npm start 或npm run dev，正常启动。 ...
npm run build 报错：Cyclic dependency
u013992330的博客
06-10 301
npm run build 报错：Cyclic dependency，添加HtmlWebpackPlugin的配置即可 "chunksSortMode": 'none'
webpack打包vue提示错误：(node:20752) UnhandledPromiseRejectionWarning: Error: Cyclic dependency
王小鬼的博客
11-13 1万+
错误提示： (node:22248) UnhandledPromiseRejectionWarning: Error: Cyclic dependency   错误：循环依赖   webpack4打包vue2时，碰到的致命bug，开发环境是正常的，就是打包发布时提示循环依赖错误，在国内百度了半天，没找到解决办法，后来还是到国外找我哥解决的。在此记录一下！ 据我哥说，问题是因为HtmlWe...
webpack 个人总结
weixin_44535571的博客
02-07 1967
webpack 的作用 前端项目构建/打包工具,可以解决目前 vue 开发的困境 提供了友好的模块化支持,代码压缩混淆,解决 js 兼容问题,性能优化 等特性 提高了开发效率 和 项目的可维护性 步骤 1. 初始化包管理工具 npm init -y 命令,初始化包管理工具 package.json 2. 默认源代码目录是 src 文件夹,所以先创建一个 src 文件夹(后面可以改) 3. 安装 和 配置 npm install webpack webpack-cli -D 运行指令进行安装 在项目根目
打包时循环依赖（circular dependency）警告
最新发布
qq_51574759的博客
10-28 1686
我在打包构建我的vue3项目的时候，有这么一个警告信息：Export "useProjectStore" of module "src/store/modules/user.js" was reexported through module "src/store/index.js" while both modules are dependencies of each other and will end up in different chunks by current Rollup setting
vue-cli4+webpack4+vant搭建前端移动H5通用框架
破鞋何苦阑珊的博客
07-01 5726
vue-cli4+webpack4+vant搭建前端移动H5通用框架(开箱即用) 简介 该框架是基于cli4 + webpack4 + vant + less的移动端H5通用框架，可供快速开发。 在此之前需要了解一下一个移动端H5改包含哪些技术点： 序号 要点 1 cli-4 2 UI框架 vant 3 rem自适应 4 请求拦截封装 5 路由配置 6 登录校验 7 环境变量配置 8 webpack配置(vue.config.js) 9 弹窗封装(由于不同项目
webpack dll打包重复问题优化的解决
10-17
总的来说，解决webpack DLL打包重复问题的关键在于正确配置DllPlugin和DllReferencePlugin，以及理解manifest文件在DLL打包过程中的作用。同时，优化项目依赖结构和打包策略也是防止重复的重要手段。通过这些方法，...
webpack4 css打包压缩问题的解决
08-27
Webpack4 CSS 打包压缩问题的解决 在本篇文章中，我们将探讨 Webpack4 中的 CSS 打包压缩问题，并提供相应的解决方案。首先，让我们了解 Webpack4 的配置文件 webpack.config.js。我们可以在其中设置 mode 为 ...
webpack 单独打包指定JS文件的方法
11-29
因此，需要用webpack单独打包指定文件。 CommonsChunkPlugin module.exports = { entry: { app: APP_FILE // 入口文件 }, output: { publicPath: './dist/', //输出目录，index.html寻找资源的地址 path: ...
html-webpack-plugin 遇到 throw new Error('Cyclic dependency' + nodeRep)
weixin_30719711的博客
12-07 516
今天遇到了html-webpack-plugin 遇到 throw new Error('Cyclic dependency' + nodeRep)错。 刚查到一篇文章，《手摸手，带你用合理的姿势使用webpack4》 其中提到： 目前解决方案可以使用 Alpha 版本，npm i --save-dev html-webpack-plugin@next 或者加入chunk...
Eslint中 报错 Dependency cycle detected import/no-cycle 错误解决
热门推荐
visionke的博客
04-19 2万+
引起上述错误的主要原因是 两个util文件中 依赖循环了，A依赖的B中的内容，B中也依赖的A中的内容，不要循环依赖，把其中一个依赖项摘出来，就解决问题了 ...
DAX的圈圈大坑：循环依赖关系错误circular dependency （多表篇-1）
Fluffy的百宝箱
05-04 9145
在多表单中出现circular dependency的问题。
UnhandledPromiseRejectionWarning: Error: Cyclic dependency
为梦想而奋斗，无悔_一叶扁舟的点滴成长！
01-07 2627
>npm run build:sit > vue-element-admin@3.9.2 build:sit D:\work\workspace\code\ssp-front > cross-env NODE_ENV=production env_config=sit node build/build.js | building for sit environment......
vue cil4 nginx terser-webpack-plugin打包优化
weixin_43123014的博客
11-02 6912
vue cil4 nginx 打包优化 项目介绍 最近项目结束，项目是vue的，vue版本是2.6.10，cil版本是4，webpack4,要部署在服务器上,用的是nginx，但是出现了一个严重的问题，首页加载需要40多秒！需要优化 1 关闭productionSourceMap module.exports = { productionSourceMap: false } 2 开启gzip 因为本项目中图片不是很多，所以之压缩了代码和字体。 const CompressionWebpackPl
DAX的圈圈大坑：循环依赖关系错误circular dependency （单表篇）
Fluffy的百宝箱
04-25 1万+
本文主要介绍什么是循环依赖关系错误circular dependency，以及如何排查在单张表中出现循环依赖错误，特别是使用CALCULATE函数产出的循环依赖错误。
oc cyclic dependency
weixin_45363671的博客
09-27 186
第一次碰见ocIOS循环依赖的问题
webpack项目出现This dependency was not found:解决方法
06-11
在 webpack 项目中出现 This dependency was not found 错误通常是由于缺少相应的依赖包导致的。解决此问题的方法如下： 1. 确认是否安装了相应的依赖包，可以通过运行 npm ls [package-name] 命令来检查是否已安装该包。如果未安装，可以通过运行 npm install [package-name] 命令来安装。 2. 确认是否正确引入了依赖包，可以检查 import 或 require 语句是否正确书写，并且路径是否正确。 3. 如果依赖包是在 node_modules 目录下被安装的，可以尝试在 webpack 配置文件中添加 resolve 配置项，以便 webpack 能够正确地查找依赖包。 例如： ``` resolve: { modules: ['node_modules'], extensions: ['.js', '.vue', '.json'] } ``` 通过以上方法，应该可以解决 This dependency was not found 错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值