Crbug/1173575, 비 JS 모듈 파일은 더 이상 사용되지 않습니다.chrome webdata/ (인덱스) ꞉5305:9:5551
방금 새 프로젝트를 만들고 또는 +를 사용하여 처음으로 실행했습니다. Chrome의 결과는 다음과 같습니다.
사이트에 연결할 수 없습니다.
err_connection_intervals
중단점에서 "예외 발견" 옵션을 확인했더니 다음 오류가 표시됩니다.
"예외 발견됨"을 선택하지 않으면 다음 오류가 발생했습니다.
터미널에서 "ngs-o"를 실행하려고 노력했고 모든 것이 잘 작동합니다.이 사이트는 포트 4200에서 잘 작동하지만 디버깅하는 것을 좋아합니다.
다음은 기본적으로 모두 launch.json 파일입니다.
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "pwa-chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:4200",
"webRoot": "${workspaceFolder}"
}
]
}
왜 이런 일이 생기는 건가요?
저도 이 문제가 있었는데 나열된 솔루션 중 어떤 것도 도움이 되지 않았습니다.하지만, 그 문제는 다소 쉽게 해결할 수 있었습니다.
Chrome Developer Console의 Network 탭으로 이동하면 됩니다.연결이 오프라인이 아닌 스로틀 없음으로 설정되어 있는지 확인합니다.
이 오해의 소지가 있는 오류 메시지는 겉보기에 Chrome 또는 사용되지 않는 기능과는 아무런 관련이 없습니다.이는 많은 근본 원인이 있을 수 있으며 연결을 설정할 수 없을 때마다 발생하는 것으로 보입니다.
Visual Studio Code에 대한 React 튜토리얼을 따라가다 알게 되었습니다.해당 튜토리얼에서는 다음을 사용하여 템플릿을 만드는 것으로 시작합니다.npx그리고 나서 그것을 실행합니다.npm start그것은 효과가 있었고, 브라우저에서 URL에 http://localhost:3000을 사용하고 있다는 것을 알 수 있었습니다.
하지만 튜토리얼이 요청한 대로 코드를 변경하고 디버그할 브레이크 포인트를 설정했을 때 크롬과 엣지 모두 OP의 게시물에 오류가 발생했습니다.
Visual Studio Code는 디버깅을 위한 기본 launch.json 파일을 만들고 다음과 같이 채웠습니다.
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
"version": "0.2.0",
"configurations": [
{
"type": "pwa-chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
그리고 문제를 해결하기 위해 수동으로 8080을 3000으로 변경해야 했습니다.
저의 핵심은 설명된 OP와 같은 예외를 포착하도록 중단점을 구성하는 것이었습니다(참고 - 맨 왼쪽 아이콘 메뉴에서 Debug 아이콘을 선택한 경우에만 중단점을 구성할 수 있습니다).출력된 오류 메시지는 여전히 잘못된 "사용되지 않는" 메시지이지만, 여기에 표시된 것처럼 조금만 파면 찾을 수 있는 "사이트에 연결할 수 없습니다"라는 메시지가 있었습니다.
연결이 실패하는 실질적인 모든 구성 문제가 이 오류를 야기할 것이라고 생각합니다.따라서 방화벽 문제, 호스트 프로그램 누락, 잘못된 구성(예: 내 구성) 등이 있습니다.
저도 같은 문제가 있었는데 URL에 문제가 있었습니다.그랬다.https://localhost:8000;신에를 http://localhost:8000.
그래서 당신의 URL과 경로를 확인해 보세요.
내 서버가 로컬에서 실행되지 않았을 뿐입니다. :) localhost를 시작하면서 해결되었습니다.
저는 React/Next.js 애플리케이션이 실행되고 있지 않다는 것이 문제였습니다.
기본적으로 디버거를 연결하려면 응용 프로그램을 별도의 창/단말기에서 실행해야 합니다.이것은 디버그 콘솔 자체에서 시작하는 다른 응용 프로그램과 다릅니다.
저의 경우 브라우저를 닫고 앱을 다시 컴파일하는 방식으로 해결되었습니다.
"Localhost에 대해 Chrome 실행" 옵션을 사용하여 응용프로그램을 실행하는 대신 실행할 응용프로그램 이름을 설정합니다. - 해결됨.
자세한 내용은 첨부된 이미지를 참조하십시오.
저도 같은 오류가 있었는데 플러그인을 꺼서 해결했습니다.특히 제가 사용하던 CORS 플러그인입니다.
사용해 보십시오.
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"request": "launch",
"name": "Launch Chrome against localhost",
"type": "dart"
}
]
}
디버그 콘솔에 유사한 메시지를 표시했는데 문제는 로컬 웹 서버가 꺼져 있어 연결할 수 없다는 것입니다.
가상 머신에서 서버를 켰더니 앱이 다시 작동하기 시작했습니다 :-)
저의 경우 Blazor 솔루션을 사용하여 "Crbug/1173575, non-JS module files disrecommended" 메시지를 받기 시작했습니다.이 외에도 Index.html 파일에 대한 404 오류도 받았습니다!
그 원인은 내가 실수로 그 안에 있는 참조를 제거했기 때문입니다..Server에투합다니영에 합니다..Client프로젝트.프로젝트는 참고 자료 없이도 잘 컴파일되었지만 ASP인 것 같습니다.NET Core는 경로 맵을 동적으로 구축하기 위해 종속성에 대한 일종의 반사 기반 분석을 수행합니다.
참조를 에 복원하는 중입니다.의 클라이언트 프로젝트입니다.서버 프로젝트에서 문제를 해결했습니다.
제안된 여러 솔루션을 시도해 본 결과 이 팁이 도움이 되는 다른 곳을 찾았습니다.
react app에서 npm start run에서 http://localhost:3000에 연결할 수 없습니다.그래서 저는 http://127.0.0.1:3000을 시도했는데 놀랍게도 효과가 있었습니다!
구글 검색을 좀 한 후에, 저는 제 브라우저 캐시를 지우자는 제안을 시도했고, 그래서 그것을 했습니다.모든 캐시된 이미지와 파일(Google Chrome)과 붐!다시 한 번 효과가 있었습니다.
저는 이 문제에 대한 많은 해결책을 봤지만, 아무 것도 효과가 없었습니다.
코드의 많은 부분을 디버깅하고 설명한 후에 문제를 찾을 수 있었습니다.
기본적으로 프론트 엔드가 아닌 백엔드에서 발생합니다.
응답을 고정시키는 무한 루프가 있었습니다.그 문제를 해결하고 해결했습니다.
다음 URL의 쿠키를 제거해야 할 것 같습니다.
저의 경우, 포트 4200이 다른 애플리케이션(도커)에 의해 사용되었기 때문에 문제가 발생했습니다.다음 구조를 추가하여 포트를 4201로 변경하자마자serve의 일부.angular.json파일 문제가 해결되었습니다.
"options": {
"port": 4201
}
이는 iframe을 통해 통신하는 프로젝트에서 작업하는 사용자에게 유용할 수 있습니다. 현재 웹 응용 프로그램에서 이 경고를 발견했습니다. Crbug/1173575, 비 JS 모듈 파일은 더 이상 사용되지 않습니다.
제 경우, 리소스 iframe 오리진이 제공되지 않았기 때문에 Iframe 요청 URL에 액세스할 수 없습니다.리소스를 제공할 때 경고가 사라졌습니다.
제가 실수를 했어요.crbug/1173575, non-JS module files deprecated일부 PDF 파일이 iframe으로 표시됩니다.
파일 이름에 쉼표(",")가 들어 있었기 때문입니다.파일 이름을 바꾼 후 모든 것이 정상이었습니다.
브라우저가 아닌 Windows 10 컴퓨터의 네트워크 설정에 문제가 있었습니다.다른 컴퓨터와 모바일 브라우저에서 제 URL을 시도해봤는데 잘 작동하고 있었습니다.
그래서 네트워크 설정을 재설정하여 문제를 해결했습니다.
그렇게 하려면 설정 → 네트워크 및 인터넷 → 네트워크 재설정으로 스크롤합니다.
다시 시작할 때까지 5분간 기다립니다.
Visual Studio Code for Angular 응용 프로그램에서 디버깅하는 동안 이 문제가 발생했습니다.
서버가 작동하지 않고 포트를 수신하고 있을 수 있습니다.서버를 수동으로 시작할 수 있습니다.ng serve --port포트 번호 포함.또한 launch.json의 URL을 비교하고 포트 번호를 비교합니다.
저의 경우는 유블록 오리진으로 인한 것입니다.웹사이트에서 그것을 비활성화함으로써 오류가 즉시 수정되었습니다.
저는 아마존 제휴사에 링크를 추가하고 있었는데 갑자기 이 오류가 발생했습니다.
이 문제를 해결하려면 광고 차단기를 중지하십시오.
여기에 또 다른 각도를 추가하기 위해.자바스크립트 모듈의 이름을 다음과 같습니다..mjs웹 서버를 서비스로 설정한 후mjsMIME 유형으로 application/javascript제가 오류를 발견했습니다.
'crbug/1173575, 비 JS 모듈 파일은 더 이상 사용되지 않습니다.'
여기에 있는 어떤 대답도 도움이 되지 않았습니다.수정하기 위해 모듈에 경로를 지정했습니다.
부터
<script type="module" src="xxx.mjs"></script>
로.
<script type="module" src="./xxx.mjs"></script>
그리고 그 오류는 사라졌습니다.
세 개의 다른 Next.js 프로젝트에서 이 오류가 발생했습니다.Chrome, Chrome Incognito, Firefox, Edge에서 동일한 오류였습니다.
이 문제는 프로덕션 빌드에서 발생했습니다(next build && next start 및 서버next dev) 많은 수정을 시도한 후 – HTTPS가 아닌 HTTP에 있는지 확인하고, 포트가 사용 중인지 확인하고, node_modules 폴더를 삭제하고 실행 중입니다.npm install등 – 마침내 작동한 것은 제 컴퓨터를 다시 시작하는 것이었습니다.
aiohttp를 위하여.
저는 aiohttp 서버에서 이 문제를 우연히 발견했습니다.으로 기적으실중다니입에서 되었습니다.0.0.0.0:8000를 솔션은호및포다음변것로이다로 변경하는 이었습니다.localhost:8080main.py 파일:web.run_app(app, host='localhost', port=8080)
저도 비슷한 문제가 있었습니다.하지만, 저는 다른 해결책을 발견했습니다.OP의 솔루션에서 GitHub 링크의 단계를 확인할 가치가 있습니다.
제가 작업하던 프로젝트는 이전 버전으로 만들어졌고, launch.json URL에는 // 구분자가 있었습니다.구분 기호를 사용하지 않고 교체하면 문제가 해결되었습니다.
부터
"url":"file:///C://exampleParent//exampleChild//file.txt"
로.
"url":"file:///c:/exampleParent/exampleChild/file.txt"
Angular CLI를 사용한 Chrome Debugging에 설명된 단계를 수행하려고 하면 라이브러리가 더 이상 지원되지 않는다는 메시지와 이 문서에 대한 링크가 표시됩니다.
Python 파일을 디버깅하려고 할 때 Visual Studio Code에서 동일한 문제가 발생했습니다.이전 launch.json 파일을 삭제하고 이 파일에 대해 새 파일을 생성하여 해결했습니다.
저는 자바스크립트 프로젝트에서 비슷한 일을 겪었습니다.하지만 저는 JSON을 배우지 않았지만 JSON 파일에서 "url"과 "webroot"이라는 이름이 제거된 마지막 세 개의 명령을 삭제했습니다.
실행해야 하는 앱에서도 동일한 문제가 발생했습니다.navigator.geolocation.getCurrentPositionHTTPS가 한 myReact 에서. HTTPS는 바로 아래와 같습니다.
// .env.local HTTPS is set to true
HTTPS=true
문제 - HTTPS가 아닌 HTTP로 페이지를 로드하고 있었습니다.
검사 지점(폴더/파일로 작업하는 경우)
- 폴더/파일 이름 확인
- 특수 문자 제거(폴더/파일 이름은 특수 문자를 허용하지 않음)
- 신중하게 코드를 디버깅합니다(Java 캐치 예외는 이러한 오류를 감지할 수 없습니다).
언급URL : https://stackoverflow.com/questions/67191286/crbug-1173575-non-js-module-files-deprecated-chromewebdata-index%ea%9e%89530595551
'programing' 카테고리의 다른 글
| 필요한 하위 구문 분석기를 사용한 인수 구문 분석 (0) | 2023.05.21 |
|---|---|
| package.json에 없는 패키지의 node_modules 폴더를 정리하는 방법은 무엇입니까? (0) | 2023.05.21 |
| Windows에서 배치 스크립트의 경로를 가져오는 방법은 무엇입니까? (0) | 2023.05.16 |
| 데이터베이스의 특정 스키마에 대한 모든 권한을 Postgre의 그룹 역할에 부여SQL (0) | 2023.05.16 |
| mongodump가 지정된 일부 컬렉션을 무시합니다. (0) | 2023.05.16 |