我有一個使用 Babel 和 Webpack 的 React 專案。最近我意識到當我對我的專案檔案進行更改時，我的 webpack 不再是“熱加載”了。（無論如何，這給我帶來了一些麻煩）
我審核了我的 npm 依賴項，有 60 個漏洞，其中 9 個為高，2 個為嚴重。我認為這應該得到照顧。
現在，我嘗試安裝似乎破壞了一些東西的包（使用 npm 審計）但無濟于事。即使在嘗試安裝不同版本的 React Script 之后，我仍然有 31 個漏洞。
現在，如果我嘗試啟動我的應用程式，webpack 不會編譯說“找不到模塊 '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining'”
我嘗試安裝 Babel 依賴項，但每次出現新的依賴項時。我知道 Babel 最近更新到 7.16（2021 年 10 月 31 日）。這就是我的問題開始的原因嗎？
我應該如何解決所有這些依賴問題？我覺得這是一個永無止境的安裝新包的實體，它只會破壞另一個包......
包.json
{
"name": "timerfrontend",
"version": "1.0.0",
"main": "index.js",
"babel": {
"presets": [
"@babel/preset-env",
"@babel/preset-react"
]
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack serve",
"create": "webpack -w",
"build": "webpack -p"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.16.0",
"@babel/preset-env": "^7.16.4",
"@babel/preset-react": "^7.13.13",
"@webpack-cli/serve": "^1.6.0",
"ansi-html": "^0.0.7",
"babel-core": "^7.0.0-bridge.0",
"babel-loader": "^8.2.3",
"babel-polyfill": "^6.26.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"css-loader": "^5.2.6",
"html-webpack-plugin": "^5.3.1",
"react-scripts": "^4.0.3",
"style-loader": "^2.0.0",
"webpack": "^5.65.0",
"webpack-cli": "^4.9.1",
"webpack-dev-middleware": "^5.2.2",
"webpack-dev-server": "^4.6.0"
},
"dependencies": {
"2": "^3.0.0",
"@apollo/link-context": "^2.0.0-beta.3",
"@apollo/react-hooks": "^4.0.0",
"@auth0/auth0-react": "^1.8.0",
"@auth0/auth0-spa-js": "^1.16.1",
"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.16.2",
"@babel/plugin-proposal-class-static-block": "^7.16.0",
"@babel/plugin-proposal-private-property-in-object": "^7.16.0",
"@babel/plugin-syntax-class-static-block": "^7.14.5",
"@babel/plugin-syntax-export-namespace-from": "^7.8.3",
"@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
"@babel/plugin-syntax-private-property-in-object": "^7.14.5",
"@graphql-tools/url-loader": "^6.10.1",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
"@rollup/plugin-babel": "^5.3.0",
"@webpack-cli/init": "^1.0.3",
"acorn": "^8.6.0",
"apollo-cache-inmemory": "^1.6.6",
"apollo-client": "^2.6.10",
"apollo-link-context": "^1.0.20",
"apollo-link-http": "^1.5.17",
"apollo-server": "^2.24.1",
"apollo-server-express": "^2.24.1",
"bootstrap": "^5.0.1",
"browserslist": "^4.18.1",
"chokidar": "^3.5.2",
"dayjs": "^1.10.5",
"eslint-webpack-plugin": "^3.1.1",
"fetchql": "^3.0.0",
"fs": "^0.0.1-security",
"fsevents": "^1.2.13",
"graphql": "^15.5.0",
"graphql-tag": "^2.12.4",
"graphql-tools": "^7.0.5",
"joi": "^17.5.0",
"node": "^16.1.0",
"path": "^0.12.7",
"prop-types": "^15.7.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-refresh": "^0.11.0",
"react-router": "^5.2.0",
"react-router-dom": "^5.2.0",
"svg-url-loader": "^7.1.1",
"tough-cookie": "^2.5.0",
"webpack-bundle-analyzer": "^4.5.0"
},
"description": ""
}
uj5u.com熱心網友回復：
快速更新
我在依賴漏洞方面取得了進展。主要問題是一個包干擾了其他包。但是我很長時間沒有清理我的包裹，所以不可能知道是哪一個。
這是我的程序：（檢查需要更新的內容）
npm oudated
（檢查未使用或重復的依賴項）
depcheck
我繼續洗掉和更新所有相關的包，我的漏洞減少到一個。（之前是 60，有 2 個關鍵）然后，我對最后一個使用了“npm 審計修復”。
我的 babel 配置仍然有問題，但這表明我原來的問題是......在其他地方。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/382162.html