[英]webpack fail to build, suddently get: Critical dependency, Can't resolve, Invalid dependencies and more
我的 webpackwith electron forge很好，我运行yarn make命令已经成功。 当“突然”webpack 确实停止工作并且我收到大量错误时，我试图使 icpRender 工作（通过预加载器脚本），我会说这些错误与我正在处理的工作完全无关。 可能是什么原因？ 我在依赖项中看到了一些问题，但我不知道为什么。 我该如何解决？ 我很确定手动添加依赖项不是正确的方法，我应该专注于根本问题。
由于 stackoverflow 的正文消息限制，我只能通过部分错误消息。 所以完整的错误在here
错误：
Forge 内部发生未处理的错误：主进程中的编译错误：资产按状态 123 MiB [缓存] 87 个资产运行时模块 898 字节 5 个模块孤立模块 3.29 KiB [孤立] 4 个模块 javascript 模块 6.21 MiB 可缓存模块 6.21 MiB 1162 模块
- 29 个模块 json 模块 667 KiB 模块（按路径）./node_modules/dmg-builder/ 86.7 KiB 8 个模块 模块（按路径）./node_modules/@babel/ 32.8 KiB 5 个模块 模块（按路径）./node_modules/core-js-compat/*。 json 334 KiB 4 个模块模块按路径。/node_modules/ajv/lib/ 3.12 KiB 2 个模块模块按路径。/node_modules/node-releases/data/ 20.1 KiB./node_modules/node-releases/data/processed/envs.Z466DEEC76F6ECDF35FCA6D3857D 18.6 KiB [内置] [代码生成]./node_modules/node-releases/data/release-schedule/release-schedule.json 1.54 KiB [内置] [代码生成] + 9 个模块
[...]
15 个警告具有未显示的详细信息。 分别使用“stats.errorDetails: true”。 '--stats-error-details' 来显示它。
错误 in./node_modules/app-builder-lib/out/ProtonFramework.js 72:8-63 未找到模块：错误：无法解析“C:\Users”中的“@babel/plugin-proposal-function-bind” \jack\Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib /out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4： 20-47
错误 in./node_modules/app-builder-lib/out/ProtonFramework.js 74:8-69 未找到模块：错误：无法解析 'C: 中的'@babel/plugin-proposal-export-default-from' \Users\jack\Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder -lib/out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4:20-47
错误 in./node_modules/app-builder-lib/out/ProtonFramework.js 77:9-68 未找到模块：错误：无法解析“C:\Users”中的“@babel/plugin-proposal-pipeline-operator” \jack\Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib /out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4： 20-47
错误 in./node_modules/app-builder-lib/out/ProtonFramework.js 79:8-64 未找到模块：错误：无法解析“C:\Users”中的“@babel/plugin-proposal-do-expressions” \jack\Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib /out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4： 20-47
错误 in./node_modules/app-builder-lib/out/ProtonFramework.js 82:8-63 未找到模块：错误：无法解析“C:\Users”中的“@babel/plugin-proposal-function-sent” \jack\Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib /out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4： 20-47
错误 in./node_modules/app-builder-lib/out/ProtonFramework.js 85:8-67 未找到模块：错误：无法解析“C:\Users”中的“@babel/plugin-proposal-throw-expressions” \jack\Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib /out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4： 20-47
错误 in./node_modules/app-builder-lib/out/ProtonFramework.js 88:8-59 未找到模块：错误：无法解析“C:\Users”中的“@babel/plugin-syntax-import-meta” \jack\Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib /out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4： 20-47
错误 in./node_modules/dmg-builder/out/dmgLicense.js 9:22-44 未找到模块：错误：无法解析 'C:\Users\jack\Desktop\merge\Newton\ 中的 'dmg-license' node_modules\dmg-builder\out' @./node_modules/dmg-builder/out/dmg.js 13:21-44 @./node_modules/dmg-builder/out/dmgUtil.js 7:12-28 @./node_modules /app-builder-lib/out/macPackager.js 63:42-64 @./node_modules/app-builder-lib/out/packager.js 377:72-96 @./node_modules/app-builder-lib/out /index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4:20- 47
错误 in./node_modules/read-config-file/out/main.js 25:17-38 未找到模块：错误：无法解析 'C:\Users\jack\Desktop\merge\Newton\ 中的 'toml' node_modules\read-config-file\out' @./node_modules/app-builder-lib/out/util/config.js 9:27-54 @./node_modules/app-builder-lib/out/packager.js 21 :17-41 @./node_modules/app-builder-lib/out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19 :24-50 @./public/electron.js 4:20-47
9 个错误具有未显示的详细信息。 分别使用“stats.errorDetails: true”。 '--stats-error-details' 来显示它。
webpack 5.67.0 在 83110 ms 内编译时出现 9 个错误和 15 个警告错误：主进程中的编译错误：资产按状态 123 MiB [缓存] 87 个资产运行时模块 898 字节 5 个模块孤儿模块 3.29 KiB [孤儿] 4 个模块 ZDE9B9ED78D7E2E1DCEEEE2 6.21 兆字节
可缓存模块 6.21 MiB 1162 模块 + 29 模块 json 模块 667 KiB 模块（按路径）./node_modules/dmg-builder/ 86.7 KiB 8 个模块 模块（按路径）./node_modules/@babel/ 32.8 KiB 5 个模块
路径的模块。/node_modules/core-js-compat/*.json 334 KiB 路径的 4 个模块模块。/node_modules/ajv/lib/ 3.12 KiB 路径的 2 个模块模块。/node_modules/node-releases/data/ 20.1 KiB ./node_modules/node-releases/data/processed/envs.json 18.6 KiB [内置] [代码生成]./node_modules/node-releases/data/release-schedule/release-schedule.json 1.54 KiB [内置]生成] + 9个模块WARNING in./node_modules/@babel/core/lib/config/files/import.js 9:9-25 关键依赖：依赖的请求是一个表达式@./node_modules/@babel/core/lib/config/文件/模块类型.js 48:12-39 @./node_modules/@babel/core/lib/config/files/configuration.js 69:19-44 @./node_modules/@babel/core/lib/config/文件/index.js 64:21-47 @./node_modules/@babel/core/lib/index.js 189:13-38 @./node_modules/app-builder-lib/out/ProtonFramework.js 32:20- 42 @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib/out/index.js 7:19-40 10:17-38 @. /node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4:20-47
警告 in./node_modules/app-builder-bin/index.js 此模块的插件或加载程序报告了无效的依赖项。 所有报告的依赖项都必须是绝对路径。 无效的依赖关系可能会导致观察和缓存中断。 作为最大努力，我们尝试将所有无效值转换为绝对路径并将 glob 转换为上下文依赖项，但这是不推荐的行为。 加载器：将绝对路径传递给 this.addDependency（现有文件）、this.addMissingDependency（非现有文件）和 this.addContextDependency（目录）。 插件：将绝对路径传递给 fileDependencies（现有文件）、missingDependencies（不是现有文件）和 contextDependencies（目录）。 Glob：不支持。 将目录的绝对路径作为上下文依赖项传递。 报告了以下无效值：*“C:/Users/jack/Desktop/merge/Newton/node_modules/app-builder-bin/linux/arm/app-builder”
- “C:/Users/jack/Desktop/merge/Newton/node_modules/app-builder-bin/linux/arm64/app-builder”
- “C:/Users/jack/Desktop/merge/Newton/node_modules/app-builder-bin/linux/ia32/app-builder”
- 还有更多... @./node_modules/builder-util/out/util.js 5:26-52 @./node_modules/electron-builder/out/index.js 4:21-44 @./public/electron. JS 4:20-47
警告 in./node_modules/app-builder-lib/out/ProtonFramework.js 38:24-45 找不到模块：错误：无法解析 'C:\Users\jack\Desktop\merge\ 中的 'babel-core' Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib/out/index.js 7 :19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4:20-47
警告 in./node_modules/app-builder-lib/out/util/pathManager.js 该模块的插件或加载器报告了无效的依赖关系。 所有报告的依赖项都必须是绝对路径。 无效的依赖关系可能会导致观察和缓存中断。 作为最大努力，我们尝试将所有无效值转换为绝对路径并将 glob 转换为上下文依赖项，但这是不推荐的行为。 加载器：将绝对路径传递给 this.addDependency（现有文件）、this.addMissingDependency（非现有文件）和 this.addContextDependency（目录）。 插件：将绝对路径传递给 fileDependencies（现有文件）、missingDependencies（不是现有文件）和 contextDependencies（目录）。 Glob：不支持。 将目录的绝对路径作为上下文依赖项传递。 报告了以下无效值：*“C:/Users/jack/Desktop/merge/Newton/node_modules/app-builder-lib/templates/appx/appxmanifest.xml”
- “C:/Users/jack/Desktop/merge/Newton/node_modules/app-builder-lib/templates/appx/priconfig.xml”
- “C:/Users/jack/Desktop/merge/Newton/node_modules/app-builder-lib/templates/entitlements.mac.plist”
- 还有更多... @./node_modules/app-builder-lib/out/ProtonFramework.js 9:22-51 @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./ node_modules/app-builder-lib/out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./公共/electron.js 4:20-47
警告 in./node_modules/app-builder-lib/out/winPackager.js 146:39-91 找不到模块：错误：无法解析 'C:\Users\jack\ 中的 'electron-builder-squirrel-windows' Desktop\merge\Newton\node_modules\app-builder-lib\out' @./node_modules/app-builder-lib/out/packager.js 381:72-96 @./node_modules/app-builder-lib/out/ index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4:20-47
警告 in./node_modules/browserslist/node.js 171:42-49 关键依赖项：需要 function 以无法静态提取依赖项的方式使用 @./node_modules/browserslist/index.js 8:10-27 @。 /node_modules/@babel/helper-compilation-targets/lib/index.js 45:20-43 @./node_modules/@babel/preset-env/lib/index.js 38:32-76 @./node_modules/app -builder-lib/out/ProtonFramework.js 69:29-65 @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib/out/index .js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4:20-47
警告 in./node_modules/browserslist/node.js 192:40-47 关键依赖项：需要 function 以无法静态提取依赖项的方式使用 @./node_modules/browserslist/index.js 8:10-27 @。 /node_modules/@babel/helper-compilation-targets/lib/index.js 45:20-43 @./node_modules/@babel/preset-env/lib/index.js 38:32-76 @./node_modules/app -builder-lib/out/ProtonFramework.js 69:29-65 @./node_modules/app-builder-lib/out/packager.js 19:26-54 @./node_modules/app-builder-lib/out/index .js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./public/electron.js 4:20-47
警告 in./node_modules/dmg-builder/out/dmgUtil.js 该模块的插件或加载器报告了无效的依赖关系。 所有报告的依赖项都必须是绝对路径。 无效的依赖关系可能会导致观察和缓存中断。 作为最大努力，我们尝试将所有无效值转换为绝对路径并将 glob 转换为上下文依赖项，但这是不推荐的行为。 加载器：将绝对路径传递给 this.addDependency（现有文件）、this.addMissingDependency（非现有文件）和 this.addContextDependency（目录）。 插件：将绝对路径传递给 fileDependencies（现有文件）、missingDependencies（不是现有文件）和 contextDependencies（目录）。 Glob：不支持。 将目录的绝对路径作为上下文依赖项传递。 报告了以下无效值：*“C:/Users/jack/Desktop/merge/Newton/node_modules/dmg-builder/templates/background.tiff”
- “C:/Users/jack/Desktop/merge/Newton/node_modules/dmg-builder/vendor/biplist/ init .py”
- “C:/Users/jack/Desktop/merge/Newton/node_modules/dmg-builder/vendor/dmgbuild/badge.py”
- 还有更多... @./node_modules/app-builder-lib/out/macPackager.js 63:42-64 @./node_modules/app-builder-lib/out/packager.js 377:72-96 @./ node_modules/app-builder-lib/out/index.js 7:19-40 10:17-38 @./node_modules/electron-builder/out/index.js 11:24-50 19:24-50 @./ public/electron.js 4:20-47 15 个警告包含未显示的详细信息。 分别使用“stats.errorDetails: true”。 '--stats-error-details' 来显示它。 [...]
package.json
{
"name": "ed",
"version": "0.1.0",
"description": "ed",
"author": {
"name": "jack",
"email": "foo@baa.com"
},
"private": true,
"main": ".webpack/main",
"homepage": "./",
"license": "MIT",
"config": {
"forge": {
"packagerConfig": {},
"makers": [
{
"name": "@electron-forge/maker-squirrel",
"config": {
"name": "ed"
}
},
{
"name": "@electron-forge/maker-zip",
"platforms": [
"darwin"
]
},
{
"name": "@electron-forge/maker-deb",
"config": {}
},
{
"name": "@electron-forge/maker-rpm",
"config": {}
}
],
"plugins": [
[
"@electron-forge/plugin-webpack",
{
"mainConfig": "./webpack.main.config.js",
"renderer": {
"nodeIntegration": true,
"config": "./webpack.renderer.config.js",
"entryPoints": [
{
"html": "./public/index.html",
"js": "./src/index.js",
"name": "main_window",
"preload": {
"js": "./src/preload.js"
}
}
]
}
}
]
]
}
},
"dependencies": {
"electron-squirrel-startup": "^1.0.0",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"babel-loader": "^8.1.0",
"clean-web-ui-property-grid": "^1.1.1",
"common-js": "^0.3.8",
"commonjs": "^0.0.1",
"cross-env": "^7.0.3",
"css-loader": "^6.5.1",
"history": "^5.0.1",
"i": "^0.3.7",
"npm": "^7.24.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-draggable": "^4.4.4",
"react-helmet-async": "^1.1.2",
"react-router-dom": "^5.3.0",
"react-scripts": "4.0.3",
"react-tabs": "^3.2.2",
"react-tinder-card": "^1.4.5",
"web-vitals": "^1.0.1"
},
"scripts": {
"start": "set PORT=3004 && react-scripts start",
"make": "electron-forge make",
"build": "react-scripts build",
"dist": "yarn run build && electron-builder build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"dev": "concurrently -k \"cross-env BROWSER=none npm start\" \"npm:electron\"",
"electron": "wait-on tcp:3004 && electron ."
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@electron-forge/cli": "^6.0.0-beta.63",
"@electron-forge/maker-deb": "^6.0.0-beta.63",
"@electron-forge/maker-rpm": "^6.0.0-beta.63",
"@electron-forge/maker-squirrel": "^6.0.0-beta.63",
"@electron-forge/maker-zip": "^6.0.0-beta.63",
"@electron-forge/plugin-webpack": "6.0.0-beta.63",
"@vercel/webpack-asset-relocator-loader": "1.7.0",
"concurrently": "^7.0.0",
"electron": "^16.0.6",
"electron-builder": "^22.14.5",
"electron-is-dev": "^2.0.0",
"electron-packager": "^15.4.0",
"wait-on": "^6.0.0"
}
}
也许 node.js 版本最近在您的机器上发生了变化？ 然后安装NVM并切换到旧版本。
有时删除node_modules并重新安装 npm 会有所帮助。
关键依赖关系 - 依赖关系的请求是表达式Webpack
[英]Critical dependencies - the request of a dependency is an expression Webpack
我怎样才能让 webpack 闭嘴关于“严重依赖：要求 function 以某种方式使用......”？
[英]How can I get webpack to shut up about “Critical dependency: require function is used in a way…”?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.