programing

'유형 오류 [ERR_]Invalid_ARG_TYPE]:"path" 인수는 문자열 형식이어야 합니다.수신된 유형이 정의되지 않았습니다.'

goodsources 2023. 3. 12. 10:46
반응형

'유형 오류 [ERR_]Invalid_ARG_TYPE]:"path" 인수는 문자열 형식이어야 합니다.수신된 유형이 정의되지 않았습니다.'

리액트에서 프로젝트를 진행 중인데 난처한 문제에 부딪혔어요.

yarn start하다

유형 오류 [ERR_]Invalid_ARG_TYPE]:"path" 인수는 문자열 형식이어야 합니다.수신 유형이 정의되지 않았습니다.

왜 이런 일이 일어나는지 모르겠어요.

이 문제를 해결하려면 react-scripts 패키지를 업그레이드하기만 하면 됩니다(최신 버전 확인).npm info react-scripts version

  1. 패키지로 대체합니다.json "react-scripts": "^3.x.x""react-scripts": "^3.4.1" 사용 버전 ('최신 버전')
  2. (일부 옵션) node_modules 폴더를 삭제합니다.
  3. 실행합니다.npm install ★★★★★★★★★★★★★★★★★」yarn install

에서는 이 가 '실행'으로 했습니다.npm audit fix(아까부터!)

이젝트를 실행한 경우 이 문제를 해결하는 올바른 방법은 다음과 같습니다.

.config/webpackDevServer.config.js그리고 이 파일 내에서 다음 행을 찾습니다.

app.use(noopServiceWorkerMiddleware());

다음으로 변경해야 합니다.

app.use(noopServiceWorkerMiddleware('/'));

저(그리고 아마 여러분 대부분)에게 서비스 직원은 프로젝트의 근원 역할을 합니다.다른 경우에는 기본 경로를 통과할 수 있습니다.

이 .또한 이 하기 위해 한 것입니다.react-scripts에서 포장하다."react-scripts": "3.x.x"로로 합니다."react-scripts": "^3.4.1"( ( ) 。 ('이러한')

  1. ★★node_modules\ 표시
  2. ★★package-lock.json
  3. 쓰세요.package.json에서 로 줄지어 가다.
  4. 를 다시 설치합니다.npm i
  5. 그럼 해 볼까요?npm start

효과가 있어!!

.npm i react-dev-utils@10.0.0을 사용하다

몇 개의 npm 패키지를 설치 및 삭제한 후 이 문제가 발생했고, 거의 5시간 동안 상황을 파악했습니다.

디렉토리에 후하고 있는 한 후 후 src를 했습니다.package-lock.json(애플리케이션을 Docker 컨테이너에서 실행하고 있는 경우 이미지를 삭제하고 안전을 위해 재구축합니다)을 제거한 후 src/컴포넌트를 원래대로 되돌린 후 실행했습니다.npm i.

도움이 됐으면 좋겠어요.

는 리 from에서 쫓겨났다.react-scripts이 문제해결하기 .작성했습니다.

대신 다음과 같이 했습니다.

  1. 새 를 만듭니다. -> 새 -> 새 프로젝트 만들기 ->$> npx create-react-app foo-project
  2. -> > > > > > > > > > > > > > > > > cd ./foo-project && npm run eject
  3. 이제 /foo-project/config에서 메인 앱의 구성 디렉토리에 파일을 복사하고 개발 서버를 실행합니다.

이것이 비슷한 곤경에 처한 다른 사람들에게 도움이 되기를 바란다.

react-scripts를 최신 버전으로 업데이트하기만 하면 됩니다.

yarn add react-scripts@latest

또는 NPM을 사용하는 경우

npm install react-scripts@latest

같은 문제가 있어 실행 중이었습니다.npm install react-scripts@latest내 문제를 해결했어

  1. 패키지로 이동합니다.json

  2. 의존관계에서 "react-scripts": 3.x.x"를 "react-scripts": "^3.4.0"으로 변경합니다.

  3. 재설치: react-script " " " :npm I react-scripts

  4. 시작:npm start

이젝트하여 궁금증이 있는 경우 CRA repo의 이 변경이 에러의 원인입니다.

수정하려면 변경 사항, 즉 마지막 파일 세트를 적용해야 합니다.

  • packages/syslog/config/syslog.packages
  • packages/syslog/config/webpack.config.config.syslogs
  • 패키지/react-scripts/config/webpackDevServer.config.js
  • 패키지/패키지/패키지/패키지json
  • packages/packages/packages/build.packages
  • packages/packages/packages/start.packages

개인적으로는 변경을 모두 최신 상태로 유지하지 않으면 웹 팩 번들에 다른 버그가 발생할 수 있기 때문에 변경을 수동으로 적용해야 한다고 생각합니다.

아니면 Geo Angelopoulos가 제안한 대로 하셔도 됩니다.다소 시간이 걸릴 수 있지만, 적어도 당신의 프로젝트는 CRA 리포와 동기화될 것입니다(또한 최신 개선사항을 모두 얻을 수 있습니다).

에는 (제, 제, 한, 한, 를 가지고 있었기 reactn반응하다

인스톨 후에(다시 언인스톨 한 후에도), 이 에러가 발생했습니다.

뺐어요.node_modulesnpm install시시시,

powershell에서 bash로 전환하여 이 문제를 해결했습니다.

이젝트된 경우 create-react-app , , ,::::: 。

  1. app through에서 React 앱을 만듭니다.create-react-app.
  2. 해서 빼주세요.npm run eject ★★★★★★★★★★★★★★★★★」yarn eject.
  3. Install all the packages that are missing from the 에서 찾을 수 없는 모든 패키지를 설치합니다.package.json.
  4. 모든 코드가 이 폴더에 있다고 가정하고 src 폴더를 복사합니다.
  5. 필요에 따라 설정스크립트폴더에서 변경을 다시 실행합니다.

나한테는 통했어

위에서 설명한 다양한 접근방식을 시도했지만 css를 내보낸 후로는 효과가 없었습니다.마지막으로 다음 단계를 적용하면 도움이 됩니다.

  1. 업그레이드 선 다 하 upgrade개react-scripts부에서"react-scripts": "3.x.x"로로 합니다."react-scripts": "^3.4.0"
  2. 운 다운그레이드react-dev-utils form 형태"react-dev-utils": "^10.x.x"로로 합니다."react-dev-utils": "10.0.0"
  3. 제 삭제node-modules폴더와 더 folderpackage-lock.json////yarn.lock
  4. 재설치npm install/yarn install

하고 않았다react-scripts그래서 서드파티 재설치 npm 모듈을 사용하여 재설치했더니 동작했습니다.

npm i -g npm-reinstall
reinstall react-scripts

업그레이드만 하면react-scripts버전이 문제를 해결했습니다. react-scripts에서 포장하다."react-scripts": "3.x.x"로."react-scripts": "^3.4.1"(또는 사용 가능한 최신 버전).삭제 회피package-lock.json바로.먼저 시도해보시고, 안 되면 계속 진행해주세요.

이것은 와는 관계가 없다react지정된 오류대로 undefined는 경로 인수로 받아들여지지 않습니다.정의되지 않았거나 늘인 변수를 path.dispended에 전달하지 마십시오.예를 들어 다음과 같습니다.

const {path} = require('path'); 
let arg = undefined;
let mypath = path.join(__dirname, arg);

// The same error would occur. 

패키지에 패키지를 추가한 경우.json을 삭제했습니다. /config/syslog.displaces에 추가된 설정이나 해당 패키지와 관련된 다른 모든 설정을 삭제하십시오.

다음의 순서에 따릅니다.저도 같은 문제가 발생했습니다.

  1. node_module 폴더 전체를 삭제합니다.
  2. package-lock.json 파일을 삭제합니다.
  3. 명령어 run " " "npm install npm-install뭇매를 맞다

    npm을 설치하는 명령어 표시

  4. 자, 갑니다.npm 시작...와오

했다가 다시 하면 됩니다.react-scripts

" " " "yarn remove react-scripts" " 를하려면"yarn add react-scripts

다음에 또 한 번.rm -rf node_modules/ yarn.lock && yarn

  • react-scripts maally 전 version

내 파이프라인에서도 같은 문제가 발생했어

저 같은 경우에는 제가 이걸 쓰고 있는 게 문제였어요.nodev10.0.0도커 컨테이너에 넣어놨어요

v14.7.0해 주었다.

다른 어떤 해결책도 제게는 효과가 없었습니다.

그러나, 이것을 패키지에 추가하는 것.json이 문제를 해결했습니다.

"resolutions": {
  "react-dev-utils": "10.0.0"
},

HOME 환경변수를 적절한 값으로 설정하면 이 문제가 해결됩니다.

nvm에서 노드의 새 버전을 기본값으로 설정하여 이 문제를 해결했습니다.

nvm alias default 12.XX.X

나는 개츠비 블로그에 대해 정확히 같은 문제를 가지고 있었다.종속성을 업그레이드할 수 없으며 npm 버전 10.22.1에서만 실행할 수 있습니다.

나에게 있어서 유효한 것은 다음과 같습니다.

#!/bin/bash
rm -rf .cache
rm -rf public
gatsby build
gatsby serve

기본적으로는 모든 것을 완전히 재구축합니다.이 에러는 해소됩니다.매우 짜증나지만 그래도 쌓인다.

더 이상한 것은 블로그 포스트의 이미지를 수정하면(예를 들어 크기를 조금 줄이면) 구축된다는 것입니다.왜 그랬는지 전혀 모르겠어요.하지만 적어도 그게 단서야

이젝트된 CRA가 있는 경우 webpack-dev-server Configuration에 몇 가지 변경이 있어 변경하지 않으면 이 오류가 발생합니다.새로 꺼낸 CRA 4.x Configuration과 CRA 3.x Configuration을 비교한 결과 이전에 받아들여졌던 인수를 받아들이지 않았던 함수에 대한 많은 변경이 나타났습니다.

그 중가 그들의 ''에 입니다.noopServiceWorkerMiddleware「」. path에 추가중 「」noopServiceWorkerMiddleware(paths.publicUrl)쳐주주고

react.js 파일에 이미지가 표시되지 않으면 유튜브에서 검색해 보았습니다.'src' 폴더가 아닌 'public' 폴더에 이미지를 추가하는 것이 좋습니다.

아직 'src' 폴더에 이미지를 추가할 수 없는 이유를 찾고 있습니다.

링크:

https://www.youtube.com/watch?v=taMJct5oeoI&ab_channel=EsterlingAccime

https://daveceddia.com/react-image-tag/

제 경우, 이전에 폴더 경로를 변경했는데 사용 시 오류가 발생했습니다.npm start.

.C:\Users\User\Documents\### Coding\todo-appC:\Users\User\Documents\Coding\todo-app효과가 있었어요

폴더 이름에 특수 문자를 사용하는 것이 문제인 것 같습니다.

, 매우 가 있는)합니다.react-native bundle명령어를 지정합니다.

다 제공하다--entry-file ★★★★★★★★★★★★★★★★★」--bundle-output행이성 성공: :

react-native bundle --entry-file ./index.js --bundle-output ./index.jsbundle

저도 같은 디렉토리 패키지에 있었어요.json, package-lock.json 및 yourn.lock.그것은 내가 yourn.lock 디렉토리를 삭제하는 것을 도와주었다.나는 실을 쓰고 싶지 않았지만 내 프로젝트에 어떻게든 추가되었다.

언급URL : https://stackoverflow.com/questions/60234640/typeerror-err-invalid-arg-type-the-path-argument-must-be-of-type-string-r

반응형