npm install 안돼는 문제 ..

ProductName: macOS ProductVersion: 13.0.1 BuildVersion: 22A400 입니다

음 그러면 node버전은 어떻게 되시는지와 프로젝트의 package.json을 공유가능하시면 공유 부탁드립니다.

노드 버전은 v19.7.0 { "name": "sodoc-web", "proxy": "https://api.sodoc.net", "homepage": "/", "version": "0.1.0", "private": true, "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.1.1", "@fortawesome/free-brands-svg-icons": "^6.1.1", "@fortawesome/pro-duotone-svg-icons": "^6.1.1", "@fortawesome/pro-light-svg-icons": "^6.1.1", "@fortawesome/pro-regular-svg-icons": "^6.1.1", "@fortawesome/pro-solid-svg-icons": "^6.1.1", "@fortawesome/pro-thin-svg-icons": "^6.1.1", "@fortawesome/react-fontawesome": "^0.1.18", "@testing-library/jest-dom": "^5.16.1", "@testing-library/react": "^12.1.2", "@testing-library/user-event": "^13.5.0", "babel-plugin-macros": "^3.1.0", "dayjs": "^1.11.3", "html5-qrcode": "^2.2.0", "normalize.css": "^8.0.1", "react": "^17.0.2", "react-daum-postcode": "^3.0.1", "react-dom": "^17.0.2", "react-fast-marquee": "^1.3.5", "react-helmet": "^6.1.0", "react-router-dom": "^6.2.1", "react-toastify": "^9.1.1", "safe-regex": "^2.1.1", "safe-regex-test": "^1.0.0", "secure-random": "^1.1.2", "serve": "^14.2.0", "swiper": "^7.4.1", "usescript-hook": "^1.0.5", "uuid": "^8.3.2", "web-vitals": "^2.1.2" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "serve": "npx serve -s build" }, "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": { "react-scripts": "^5.0.1", "sass": "^1.47.0" } }

일단 nvm, n등을 이용해서 node버전을 lts버전인 18.6.0로 설치하신 후 다시 package-lock.json, node_modules 다 삭제후에 다시 설치해보실 수 있으실까요

npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser npm WARN deprecated w3c-hr-time@1.0.2: Use your platform's native performance.now() and performance.timeOrigin. npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. added 1492 packages, and audited 1493 packages in 1m 250 packages are looking for funding run `npm fund` for details 6 high severity vulnerabilities To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. 이렇게 뜨네요 ㅠㅠ

흠 npm fund 를 터미널 실행하면 어떻게 나오시나요?

sodoc-web@0.1.0 ├── https://github.com/sponsors/ljharb │ └── safe-regex-test@1.0.0, deep-equal@2.2.0, call-bind@1.0.2, es-get-iterator@1.1.3, has-symbols@1.0.3, is-map@2.0.2, is-set@2.0.2, is-string@1.0.7, has-tostringtag@1.0.0, get-intrinsic@1.2.0, is-arguments@1.1.1, is-array-buffer@3.0.2, is-typed-array@1.1.10, available-typed-arrays@1.0.5, gopd@1.0.1, is-callable@1.2.7, is-date-object@1.0.5, is-regex@1.1.4, is-shared-array-buffer@1.0.2, object-is@1.1.5, define-properties@1.2.0, has-property-descriptors@1.0.0, object.assign@4.1.4, regexp.prototype.flags@1.4.3, functions-have-names@1.2.3, side-channel@1.0.4, object-inspect@1.12.3, which-boxed-primitive@1.0.2, is-bigint@1.0.4, has-bigints@1.0.2, is-boolean-object@1.1.2, is-number-object@1.0.7, is-symbol@1.0.4, which-collection@1.0.1, is-weakmap@2.0.1, is-weakset@2.0.2, which-typed-array@1.1.9, resolve@2.0.0-next.4, minimist@1.2.8, object.values@1.1.6, es-abstract@1.21.2, array-buffer-byte-length@1.0.0, es-to-primitive@1.2.1, function.prototype.name@1.1.5, get-symbol-description@1.0.0, globalthis@1.0.3, has-proto@1.0.1, is-negative-zero@2.0.2, is-weakref@1.0.2, string.prototype.trim@1.2.7, string.prototype.trimend@1.0.6, string.prototype.trimstart@1.0.6, typed-array-length@1.0.4, unbox-primitive@1.0.2, util.promisify@1.0.1, object.getownpropertydescriptors@2.1.5, array.prototype.reduce@1.0.5, qs@6.11.0, array-includes@3.1.6, array.prototype.flat@1.3.1, array.prototype.flatmap@1.3.1, object.fromentries@2.0.6, object.hasown@1.1.2, string.prototype.matchall@4.0.8, shell-quote@1.8.1 ├── https://www.patreon.com/swiperjs │ └── swiper@7.4.1 ├── https://github.com/chalk/chalk?sponsor=1 │ └── chalk@5.0.1, chalk@5.2.0 ├── https://github.com/sponsors/jonschlinkert │ └── picomatch@2.3.1 ├── https://github.com/sponsors/sibiraj-s │ └── ci-info@3.8.0 ├── https://github.com/chalk/ansi-styles?sponsor=1 │ └── ansi-styles@5.2.0, ansi-styles@6.2.1 ├── https://github.com/sponsors/sindresorhus │ └── import-fresh@3.3.0, parse-json@5.2.0, boxen@7.0.0, camelcase@7.0.1, cli-boxes@3.0.0, string-width@5.1.2, type-fest@2.19.0, widest-line@4.0.1, clipboardy@3.0.0, get-stream@6.0.1, is-stream@2.0.1, onetime@5.1.2, is-docker@2.2.1, is-port-reachable@4.0.0, camelcase@6.3.0, normalize-url@6.1.0, escape-string-regexp@4.0.0, globals@13.20.0, type-fest@0.20.2, strip-json-comments@3.1.1, is-plain-obj@3.0.0, type-fest@0.21.3, find-up@5.0.0, locate-path@6.0.0, p-locate@5.0.0, p-limit@3.1.0, yocto-queue@0.1.0, p-limit@2.3.0, make-dir@3.1.0, globby@11.1.0, import-local@3.1.0, ansi-escapes@4.3.2, terminal-link@2.1.1, slash@4.0.0, string-length@5.0.1, gzip-size@6.0.0, open@8.4.2, quick-lru@5.1.1, pretty-bytes@5.6.0, tempy@0.6.0, type-fest@0.16.0, builtin-modules@3.3.0 ├── https://github.com/sponsors/epoberezkin │ └── ajv@8.11.0, ajv@8.12.0 ├── https://github.com/chalk/chalk-template?sponsor=1 │ └── chalk-template@0.4.0 ├── https://opencollective.com/babel │ └── @babel/core@7.21.4 ├─┬ https://github.com/sponsors/gregberge │ │ └── @svgr/webpack@5.5.0, @svgr/core@5.5.0, @svgr/plugin- └── chokidar@3.5.3

jsx@5.5.0, @svgr/babel-preset@5.5.0, @svgr/babel-plugin-add-jsx-attribute@5.4.0, @svgr/babel-plugin-remove-jsx-attribute@5.4.0, @svgr/babel-plugin-remove-jsx-empty-expression@5.0.1, @svgr/babel-plugin-replace-jsx-attribute-value@5.0.1, @svgr/babel-plugin-svg-dynamic-title@5.4.0, @svgr/babel-plugin-svg-em-dimensions@5.4.0, @svgr/babel-plugin-transform-react-native-svg@5.4.0, @svgr/babel-plugin-transform-svg-component@5.5.0, @svgr/hast-util-to-babel-ast@5.5.0, @svgr/plugin-svgo@5.5.0 │ └── https://opencollective.com/core-js │ └── core-js-compat@3.30.1, core-js-pure@3.30.1, core-js@3.30.1 ├── https://opencollective.com/browserslist │ └── browserslist@4.21.5, caniuse-lite@1.0.30001478, update-browserslist-db@1.0.10 ├── https://opencollective.com/webpack │ └── css-loader@6.7.3, css-minimizer-webpack-plugin@3.4.1, schema-utils@4.0.0, eslint-webpack-plugin@3.2.0, file-loader@6.2.0, mini-css-extract-plugin@2.7.5, postcss-loader@6.2.1, sass-loader@12.6.0, source-map-loader@3.0.2, style-loader@3.3.2, terser-webpack-plugin@5.3.7, webpack@5.79.0, webpack-dev-server@4.13.2, webpack-dev-middleware@5.3.3, schema-utils@2.7.0 ├─┬ https://opencollective.com/eslint │ │ └── eslint@8.38.0, @eslint/eslintrc@2.0.2, eslint-scope@7.2.0, eslint-visitor-keys@3.4.0, espree@9.5.1 │ ├── https://github.com/sponsors/nzakas │ │ └── @humanwhocodes/module-importer@1.0.1 │ ├── https://opencollective.com/js-sdsl │ │ └── js-sdsl@4.4.0 │ └── https://github.com/sponsors/isaacs │ └── rimraf@3.0.2, glob@7.1.6 ├─┬ https://opencollective.com/html-webpack-plugin │ │ └── html-webpack-plugin@5.5.0 │ └── https://github.com/fb55/htmlparser2?sponsor=1 │ └── htmlparser2@6.1.0 ├── https://opencollective.com/postcss/ │ └── postcss@7.0.39, autoprefixer@10.4.14, postcss-js@4.0.1, postcss-load-config@3.1.4, postcss-nested@6.0.0 ├─┬ https://opencollective.com/csstools │ │ └── postcss-preset-env@7.8.3, @csstools/postcss-cascade-layers@1.1.1, @csstools/selector-specificity@2.2.0, @csstools/postcss-color-function@1.1.1, @csstools/postcss-font-format-keywords@1.0.1, @csstools/postcss-hwb-function@1.0.2, @csstools/postcss-ic-unit@1.0.1, @csstools/postcss-is-pseudo-class@2.0.7, @csstools/postcss-nested-calc@1.0.0, @csstools/postcss-normalize-display-values@1.0.1, @csstools/postcss-oklab-function@1.1.1, @csstools/postcss-stepped-value-functions@1.0.1, @csstools/postcss-text-decoration-shorthand@1.0.0, @csstools/postcss-trigonometric-functions@1.0.2, @csstools/postcss-unset-value@1.0.2, cssdb@7.5.4, postcss-attribute-case-insensitive@5.0.2, postcss-color-functional-notation@4.2.4, postcss-color-hex-alpha@8.0.4, postcss-color-rebeccapurple@7.1.1, postcss-custom-media@8.0.2, postcss-custom-properties@12.1.11, postcss-custom-selectors@6.0.3, postcss-dir-pseudo-class@6.0.5, postcss-double-position-gradients@3.1.2, postcss-gap-properties@3.0.5, postcss-image-set-function@4.0.7, postcss-lab-function@4.2.1, postcss-nesting@10.2.0, postcss-overflow-shorthand@3.0.4, postcss-place@7.0.5, postcss-pseudo-class-any-link@7.1.6, postcss-selector-not@6.0.1 │ └── https://ko-fi.com/mrcgrtz │ └── postcss-opacity-percentage@1.1.3 ├── https://github.com/chalk/supports-color?sponsor=1 │ └── supports-color@8.1.1 ├── https://github.com/avajs/find-cache-dir?sponsor=1 │ └── find-cache-dir@3.3.2 ├── https://opencollective.com/typescript-eslint │ └── @typescript-eslint/eslint-plugin@5.58.0, @typescript-eslint/scope-manager@5.58.0, @typescript-eslint/types@5.58.0, @typescript-eslint/visitor-keys@5.58.0, @typescript-eslint/type-utils@5.58.0, @typescript-eslint/typescript-estree@5.58.0, @typescript-eslint/utils@5.58.0, @typescript-eslint/parser@5.58.0, @typescript-eslint/experimental-utils@5.58.0 ├── https://github.com/sindresorhus/emittery?sponsor=1 │ └── emittery@0.10.2 ├── https://opencollective.com/immer │ └── immer@9.0.21 └── https://paulmillr.com/funding/

음 라이브러리 의존성 문제인거 같은데 혹시 아래 게시글 처럼 npm-check 라이브러리로 돌렸을때는 어떻게 나오실까요 https://blog.outsider.ne.kr/1228

To remove this package: npm uninstall @testing-library/user-event --save react 😎 MAJOR UP Major update available. https://reactjs.org/ npm install react@18.2.0 --save to go from 17.0.2 to 18.2.0 react-dom 😎 MAJOR UP Major update available. https://reactjs.org/ npm install react-dom@18.2.0 --save to go from 17.0.2 to 18.2.0 safe-regex 😕 NOTUSED? Still using safe-regex? Depcheck did not find code similar to require('safe-regex') or import from 'safe-regex'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["safe-regex"]}} Use --skip-unused to skip this check. To remove this package: npm uninstall safe-regex --save safe-regex-test 😕 NOTUSED? Still using safe-regex-test? Depcheck did not find code similar to require('safe-regex-test') or import from 'safe-regex-test'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["safe-regex-test"]}} Use --skip-unused to skip this check. To remove this package: npm uninstall safe-regex-test --save secure-random 😕 NOTUSED? Still using secure-random? Depcheck did not find code similar to require('secure-random') or import from 'secure-random'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["secure-random"]}} Use --skip-unused to skip this check. To remove this package: npm uninstall secure-random --save swiper 😎 MAJOR UP Major update available. https://swiperjs.com npm install swiper@9.2.2 --save to go from 7.4.1 to 9.2.2 uuid 😎 MAJOR UP Major update available. https://github.com/uuidjs/uuid#readme npm install uuid@9.0.0 --save to go from 8.3.2 to 9.0.0 web-vitals 😎 MAJOR UP Major update available. https://github.com/GoogleChrome/web-vitals#readme npm install web-vitals@3.3.1 --save to go from 2.1.4 to 3.3.1 eslint-config-react-app 😟 PKG ERR! Not in the package.json. Found in: /package.json vars 😟 MISSING! Not installed. 😟 PKG ERR! Not in the package.json. Found in: /src/styles/scss/_functions.scss Use npm-check -u for interactive update.

@fortawesome/react-fontawesome 😎 NEW VER! NonSemver update available. https://github.com/FortAwesome/react-fontawesome npm install @fortawesome/react-fontawesome@0.2.0 --save to go from 0.1.19 to 0.2.0 @testing-library/react 😎 MAJOR UP Major update available. https://github.com/testing-library/react-testing-library#readme npm install @testing-library/react@14.0.0 --save to go from 12.1.5 to 14.0.0 @testing-library/user-event 😎 MAJOR UP Major update available. https://github.com/testing-library/user-event#readme npm install @testing-library/user-event@14.4.3 --save to go from 13.5.0 to 14.4.3 😕 NOTUSED? Still using @testing-library/user-event? Depcheck did not find code similar to require('@testing-library/user-event') or import from '@testing-library/user-event'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["@testing-library/user-event"]}} Use --skip-unused to skip this check.

@fortawesome/free-brands-svg-icons 😕 NOTUSED? Still using @fortawesome/free-brands-svg-icons? Depcheck did not find code similar to require('@fortawesome/free-brands-svg-icons') or import from '@fortawesome/free-brands-svg-icons'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["@fortawesome/free-brands-svg-icons"]}} Use --skip-unused to skip this check. To remove this package: npm uninstall @fortawesome/free-brands-svg-icons --save @fortawesome/pro-duotone-svg-icons 😕 NOTUSED? Still using @fortawesome/pro-duotone-svg-icons? Depcheck did not find code similar to require('@fortawesome/pro-duotone-svg-icons') or import from '@fortawesome/pro-duotone-svg-icons'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["@fortawesome/pro-duotone-svg-icons"]}} Use --skip-unused to skip this check. To remove this package: npm uninstall @fortawesome/pro-duotone-svg-icons --save @fortawesome/pro-solid-svg-icons 😕 NOTUSED? Still using @fortawesome/pro-solid-svg-icons? Depcheck did not find code similar to require('@fortawesome/pro-solid-svg-icons') or import from '@fortawesome/pro-solid-svg-icons'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["@fortawesome/pro-solid-svg-icons"]}} Use --skip-unused to skip this check. To remove this package: npm uninstall @fortawesome/pro-solid-svg-icons --save @fortawesome/pro-thin-svg-icons 😕 NOTUSED? Still using @fortawesome/pro-thin-svg-icons? Depcheck did not find code similar to require('@fortawesome/pro-thin-svg-icons') or import from '@fortawesome/pro-thin-svg-icons'. Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used. Use rc file options to remove unused check, but still monitor for outdated version: .npmcheckrc {"depcheck": {"ignoreMatches": ["@fortawesome/pro-thin-svg-icons"]}} Use --skip-unused to skip this check. To remove this package: npm uninstall @fortawesome/pro-thin-svg-icons --save

음 일단 제 생각에는 폰트 어썸이 svg를 쓰고 있어서 폰트어썸들의 라이브러리들 의존성 문제이지 않을까 싶네요. 일단 npm-check에사 명시된 안 쓰는 폰트 라이브러리를 제거한 후 다시 실행해보시겟나요

128 packages are looking for funding run `npm fund` for details 83 vulnerabilities (13 low, 18 moderate, 46 high, 6 critical) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. gimsola@gimsolaui-MacBookAir sodoc_react % npm uninstall @testing-library/user-event --save npm WARN deprecated fsevents@1.2.4: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. removed 7 packages, and audited 2300 packages in 12s 128 packages are looking for funding run `npm fund` for details 83 vulnerabilities (13 low, 18 moderate, 46 high, 6 critical) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force

uninstall 하면 이렇게 뜨네요 ㅠㅠ

혹시 @testing-library/user-event 도 안 쓰시는거 같은데 삭제해보실 수 있나요

똑같은 에러떴어요 ㅠㅠ

gimsola@gimsolaui-MacBookAir sodoc_react % npm uninstall @testing-library/user-event npm WARN deprecated fsevents@1.2.4: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. up to date, audited 2300 packages in 12s 128 packages are looking for funding run `npm fund` for details 83 vulnerabilities (13 low, 18 moderate, 46 high, 6 critical) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force

음 일단 제가 보내주신 package.json으로 테스트 해봤는데. @fortawesome/pro-duotone-svg-icons, @fortawesome/pro-light-svg-icons, @fortawesome/pro-regular-svg-icons, @fortawesome/pro-solid-svg-icons, @fortawesome/pro-thin-svg-icons이 일단 npm에 없는 패키지여서 package.json에서 없애고 npm audit fix --force시 이상없이 설치되었습니다. 위의 방법으로 해도 이상이 있다면 저는 도움을 드릴 수 없을거 같습니다.

앗 감사합니당!!