'유형 오류 [ERR_]Invalid_ARG_TYPE]:"path" 인수는 문자열 형식이어야 합니다.수신된 유형이 정의되지 않았습니다.'
리액트에서 프로젝트를 진행 중인데 난처한 문제에 부딪혔어요.
yarn start
하다
유형 오류 [ERR_]Invalid_ARG_TYPE]:"path" 인수는 문자열 형식이어야 합니다.수신 유형이 정의되지 않았습니다.
왜 이런 일이 일어나는지 모르겠어요.
이 문제를 해결하려면 react-scripts 패키지를 업그레이드하기만 하면 됩니다(최신 버전 확인).npm info react-scripts version
- 패키지로 대체합니다.json
"react-scripts": "^3.x.x"
"react-scripts": "^3.4.1"
사용 버전 ('최신 버전') - (일부 옵션) node_modules 폴더를 삭제합니다.
- 실행합니다.
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"
( ( ) 。 ('이러한')
- ★★
node_modules\
표시 - ★★
package-lock.json
- 쓰세요.
package.json
에서 로 줄지어 가다. - 를 다시 설치합니다.
npm i
- 그럼 해 볼까요?
npm start
효과가 있어!!
.npm i react-dev-utils@10.0.0
을 사용하다
몇 개의 npm 패키지를 설치 및 삭제한 후 이 문제가 발생했고, 거의 5시간 동안 상황을 파악했습니다.
디렉토리에 후하고 있는 한 후 후 src를 했습니다.package-lock.json(애플리케이션을 Docker 컨테이너에서 실행하고 있는 경우 이미지를 삭제하고 안전을 위해 재구축합니다)을 제거한 후 src/컴포넌트를 원래대로 되돌린 후 실행했습니다.npm i
.
도움이 됐으면 좋겠어요.
는 리 from에서 쫓겨났다.react-scripts
이 문제를해결하기 .를 작성했습니다.
대신 다음과 같이 했습니다.
- 새 를 만듭니다. -> 새 -> 새 프로젝트 만들기 ->
$> npx create-react-app foo-project
- -> > > > > > > > > > > > > > > > >
cd ./foo-project && npm run eject
- 이제 /foo-project/config에서 메인 앱의 구성 디렉토리에 파일을 복사하고 개발 서버를 실행합니다.
이것이 비슷한 곤경에 처한 다른 사람들에게 도움이 되기를 바란다.
react-scripts를 최신 버전으로 업데이트하기만 하면 됩니다.
yarn add react-scripts@latest
또는 NPM을 사용하는 경우
npm install react-scripts@latest
같은 문제가 있어 실행 중이었습니다.npm install react-scripts@latest
내 문제를 해결했어
패키지로 이동합니다.json
의존관계에서 "react-scripts": 3.x.x"를 "react-scripts": "^3.4.0"으로 변경합니다.
재설치: react-script " " " :
npm I react-scripts
시작:
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_modules
npm install
시시시,
powershell에서 bash로 전환하여 이 문제를 해결했습니다.
이젝트된 경우 create-react-app
, , ,::::: 。
- app through에서 React 앱을 만듭니다.
create-react-app
. - 해서 빼주세요.
npm run eject
★★★★★★★★★★★★★★★★★」yarn eject
. - Install all the packages that are missing from the 에서 찾을 수 없는 모든 패키지를 설치합니다.
package.json
. - 모든 코드가 이 폴더에 있다고 가정하고 src 폴더를 복사합니다.
- 필요에 따라 설정 및 스크립트폴더에서 변경을 다시 실행합니다.
나한테는 통했어
위에서 설명한 다양한 접근방식을 시도했지만 css를 내보낸 후로는 효과가 없었습니다.마지막으로 다음 단계를 적용하면 도움이 됩니다.
- 업그레이드 선 다 하 upgrade개
react-scripts
부에서"react-scripts": "3.x.x"
로로 합니다."react-scripts": "^3.4.0"
- 운 다운그레이드
react-dev-utils
form 형태"react-dev-utils": "^10.x.x"
로로 합니다."react-dev-utils": "10.0.0"
- 제 삭제
node-modules
폴더와 더 folderpackage-lock.json
////yarn.lock
- 재설치
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에 추가된 설정이나 해당 패키지와 관련된 다른 모든 설정을 삭제하십시오.
다음의 순서에 따릅니다.저도 같은 문제가 발생했습니다.
- node_module 폴더 전체를 삭제합니다.
- package-lock.json 파일을 삭제합니다.
명령어 run " " "
npm install npm-install
뭇매를 맞다자, 갑니다.npm 시작...와오
했다가 다시 하면 됩니다.react-scripts
" " " "yarn remove react-scripts
" " 를하려면"yarn add react-scripts
다음에 또 한 번.rm -rf node_modules/ yarn.lock && yarn
react-scripts
maally 전 version
내 파이프라인에서도 같은 문제가 발생했어
저 같은 경우에는 제가 이걸 쓰고 있는 게 문제였어요.node
」v10.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-app
C:\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
'programing' 카테고리의 다른 글
WooCommerce 훅은 "결제 완료 후" 액션에 사용됩니다. (0) | 2023.03.17 |
---|---|
React Native 앱을 브라우저에서 테스트할 수 있습니까? (0) | 2023.03.12 |
Yarn은 사용 가능한 모든 스크립트를 나열할 수 있습니까? (0) | 2023.03.12 |
Oracle 드롭 인덱스(존재하는 경우) (0) | 2023.03.12 |
MongoParseError: useCreateIndex, useFindAndModify 옵션은 지원되지 않습니다. (0) | 2023.03.12 |