Ionic-framework: 버그: TypeError [ERR_INVALID_ARG_TYPE]: "경둜" μΈμˆ˜λŠ” λ¬Έμžμ—΄ μœ ν˜•μ΄μ–΄μ•Ό ν•©λ‹ˆλ‹€. μ •μ˜λ˜μ§€ μ•Šμ€ μˆ˜μ‹ 

에 λ§Œλ“  2020λ…„ 02μ›” 16일  Β·  10μ½”λ©˜νŠΈ  Β·  좜처: ionic-team/ionic-framework

버그 μ‹ κ³ 

이온 버전:


[x] 5.0.0

ν˜„μž¬ 행동:
μƒˆλ‘œμš΄ Ionic React 앱을 μƒμ„±ν•˜μžλ§ˆμž λ‹€μŒκ³Ό 같은 λ©”μ‹œμ§€κ°€ λ‚˜νƒ€λ‚©λ‹ˆλ‹€. error.

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
    at validateString (internal/validators.js:118:11)
    at Object.join (path.js:1039:7)
    at noopServiceWorkerMiddleware (/home/yunier/soft-dev/billmeapp/node_modules/react-dev-utils/noopServiceWorkerMiddleware.js:14:26)
    at Layer.handle [as handle_request] (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:317:13)
    at /home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:335:12)
    at next (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:275:10)
    at launchEditorMiddleware (/home/yunier/soft-dev/billmeapp/node_modules/react-dev-utils/errorOverlayMiddleware.js:20:7)
    at Layer.handle [as handle_request] (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:317:13)
    at /home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:335:12)
    at next (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/index.js:275:10)
    at handleWebpackInternalMiddleware (/home/yunier/soft-dev/billmeapp/node_modules/react-dev-utils/evalSourceMapMiddleware.js:42:7)
    at Layer.handle [as handle_request] (/home/yunier/soft-dev/billmeapp/node_modules/express/lib/router/layer.js:95:5)

μ˜ˆμƒλ˜λŠ” λ™μž‘:
μƒˆλ‘œμš΄ Ionic React 앱을 λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.

μž¬ν˜„ 단계:
μƒˆλ‘œμš΄ Ionic React 앱을 λ§Œλ“­λ‹ˆλ‹€.

κ΄€λ ¨ μ½”λ“œ:
ionic start <appname> --type='react'

기타 정보:

λ‹€μ‹œ ν™•μΈν•˜κΈ° μœ„ν•΄ μƒˆ Ubuntu VM을 λ§Œλ“€κ³  node.js ionic을 μ„€μΉ˜ν•˜κ³  ionic start <appname> --type="react" λ₯Ό 싀행해도 μ—¬μ „νžˆ λ™μΌν•œ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€. 각도λ₯Ό μ‚¬μš©ν•˜λ©΄ λ¬Έμ œκ°€ μ—†μŠ΅λ‹ˆλ‹€.

이온 정보:

Ionic:

   Ionic CLI       : 6.1.0 (/usr/local/share/.config/yarn/global/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 5.0.0

Capacitor:

   Capacitor CLI   : 1.5.0
   @capacitor/core : 1.5.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v13.8.0 (/home/yunier/.nvm/versions/node/v13.8.0/bin/node)
   npm    : 6.13.6
   OS     : Linux 5.3
triage

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

μ•ˆλ…•ν•˜μ„Έμš”, react-scripts νŒ¨ν‚€μ§€λ₯Ό v3.3.0 μ—μ„œ v3.4.0 둜 μ—…κ·Έλ ˆμ΄λ“œν•˜μ—¬ λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

μΆ”κ°€ 정보:
https://github.com/facebook/create-react-app/issues/8490

λͺ¨λ“  10 λŒ“κΈ€

μ•ˆλ…•ν•˜μ„Έμš”, react-scripts νŒ¨ν‚€μ§€λ₯Ό v3.3.0 μ—μ„œ v3.4.0 둜 μ—…κ·Έλ ˆμ΄λ“œν•˜μ—¬ λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

μΆ”κ°€ 정보:
https://github.com/facebook/create-react-app/issues/8490

문제λ₯Ό μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. 이것은 ν”„λ ˆμž„μ›Œν¬κ°€ μ•„λ‹ˆλΌ μŠ€νƒ€ν„° 쒅속성과 κ΄€λ ¨λœ λ¬Έμ œμ΄λ―€λ‘œ λ‹«κ² μŠ΅λ‹ˆλ‹€. https://github.com/ionic-team/starters/pull/1137 을 λ³‘ν•©ν•˜λŠ” 방법을 μ‚΄νŽ΄λ³΄κ² μŠ΅λ‹ˆλ‹€.

감사 ν•΄μš”! μ§€κΈˆ μΌν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

감사 ν•΄μš”. λ‚΄ ν”„λ‘œμ νŠΈκ°€ λ‹€μ‹œ μ‹€ν–‰ μ€‘μž…λ‹ˆλ‹€.

λ°˜μ‘ μŠ€ν¬λ¦½νŠΈκ°€ μ œκ±°λ˜μ—ˆμ„ λ•Œ 였λ₯˜λ₯Ό μ–΄λ–»κ²Œ κ³ μΉ  수 μžˆμŠ΅λ‹ˆκΉŒ?

react-scripts κ°€ λ°°μΆœλ˜μ—ˆμ„ λ•Œ:

react-dev-utils λ₯Ό 10.0.0 둜 λ‹€μš΄κ·Έλ ˆμ΄λ“œν•˜κ³  μ €λ₯Ό μœ„ν•΄ μΌν•©λ‹ˆλ‹€.

npm remove react-dev-utils && npm i [email protected]

https://www.gitmemory.com/issue/facebook/create-react-app/8499/588591098

react-dev-utils 제거 및 μž¬μ„€μΉ˜λ‘œ λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

react-dev-utils λ‹€μš΄κ·Έλ ˆμ΄λ“œλ‘œ λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€.... κ°μ‚¬ν•©λ‹ˆλ‹€...

npm remove react-dev-utils && npm i [email protected]

react-dev μœ ν‹Έλ¦¬ν‹°λ₯Ό λ‹€μš΄κ·Έλ ˆμ΄λ“œν•˜λ©΄ λ¬Έμ œκ°€ ν•΄κ²°λ©λ‹ˆλ‹€.

npm 제거 react-dev-utils && npm i [email protected]

문제λ₯Ό μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€! 이 λ¬Έμ œλŠ” μ›λž˜ λ¬Έμ œμ™€ 관련이 μ—†λŠ” λŒ“κΈ€μ„ λ°©μ§€ν•˜κΈ° μœ„ν•΄ 잠겨 μžˆμŠ΅λ‹ˆλ‹€. 이것이 μ—¬μ „νžˆ μ΅œμ‹  λ²„μ „μ˜ Ionicμ—μ„œ λ¬Έμ œκ°€ λ˜λŠ” 경우 μƒˆ 문제λ₯Ό λ§Œλ“€κ³  ν…œν”Œλ¦Ώμ΄ μ™„μ „νžˆ μ±„μ›Œμ‘ŒλŠ”μ§€ ν™•μΈν•˜μ‹­μ‹œμ˜€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰