programing

Firebase 배포가 JS 파일을 업데이트하지 않음

subpage 2023. 7. 8. 10:54
반응형

Firebase 배포가 JS 파일을 업데이트하지 않음

저는 Firebase 앱을 배포하고 프로젝트의 JavaScript 파일 중 하나를 변경했습니다.다시 실행했습니다.firebase deploy프로젝트 디렉터리에서 다운로드할 수 있지만 사이트의 파일이 업데이트되지 않습니다.배포할 때 계정 관리에 업데이트가 발생하는 것으로 표시되지만 파일은 변경되지 않습니다.제가 뭔가 잘못하고 있나요?이 문제를 해결하려면 어떻게 해야 합니까?어떤 도움이라도 주시면 감사하겠습니다.

감사해요.

배포가 성공하면 캐싱 문제일 가능성이 높습니다.

cmd+shift+R(윈도우즈의 경우 ctrl+shift+R)을 눌러 캐시를 하드 리프레시할 수 있습니다.

URL)로 .https://<my-app>.web.app/app.js), 하드 리프레시를 수행합니다.로컬에 있는 것으로 업데이트되는 것을 확인해야 합니다.

Chrome을 사용하면 네트워크 탭에서 "캐시 사용 안 함" 옵션을 선택하여 DevTools가 열려 있을 때 캐시를 사용하지 않도록 설정할 수 있습니다.

enter image description here

배포하기 전에 변경한 내용을 새로 작성해야 합니다.

예를 들어, Angular 2 애플리케이션이 있고 Angular cliping build를 사용하는 경우 Firebase를 배포합니다.

캐시를 지우려면 Ctrl+F5 이상을 눌러 Mode for Development를 인식합니다.강제 다시 로드를 위해 Incognito 모드를 사용하는 것은 데스크톱뿐만 아니라 모바일에서도 잘 작동합니다.

Reactor Vue를 사용하는 경우 firebase deploy 명령을 실행하기 전에 npm run build와 같은 빌드 명령을 실행하는 것을 잊지 마십시오.

동일한 문제가 있었고 캐시와 모든 것을 지웠지만 여전히 동일한 문제가 발생하여 실행했습니다.

yarn build

그리고 나서 나는 나의 최근 변화를 볼 수 있었습니다.

인식 창에서 동일한 호스팅 URL을 사용해 보십시오. 동일한 창에서 로컬 호스트와 도메인 URL을 유지했기 때문에 인식 창으로 이동할 때 작동합니다.

해보세요, 당신에게도 문제가 될 수 있습니다, 감사합니다.

다시는 잊지 않는 것은build배포하기 전에 이 기능을 사용합니다.package.json:

"scripts": { "build": "node build/build.js && firebase deploy" }

그래야 내가 그것에 대해 기억할 필요가 없습니다.구현 시 가능한 작업을 자동화합니다.

저도 비슷한 문제가 있었습니다.React.js를 사용하여 Covid Tracker를 구축하던 중 코드에 버그가 있는 것을 발견했습니다.고친 후에, 나는 달리고 있었습니다.firebase deploy하지만 아무것도 하지 않았습니다.

간단히 말해서, 프로젝트를 배포하기 전에 먼저 빌드해야 합니다. 중입니다.npm run build프로젝트의 최적화된 새 버전을 생성한 다음firebase deploy그러면 웹 사이트를 업데이트합니다.

웹 브라우저 새로 고침

대부분의 Windows 및 Linux 브라우저: Ctrl 키를 누른 상태에서 F5 키를 누릅니다.

Apple Safari의 경우:Shift 키를 누른 상태에서 다시 로드 도구 모음 버튼을 클릭합니다.

Mac용 Chrome 및 Firefox의 경우: "Cmd+" Shift를 모두 누른 상태에서 R을 누릅니다.

도움이 되길 바랍니다.

출처: https://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

React 것과 에 올 : on React(create-react-app) - .프로젝트를 재배치하는 문제가 있었습니다.처음에는 배포가 작동했지만 재구축을 시도했을 때(npm run buildfirebase delpoy), 내 사이트에 파이어베이스 오류 페이지가 표시되었습니다(여기에 제시된 대로 ctrl+shift+r로 캐시를 업데이트한 후).오랜 점검 끝에 저는 제 화력 기지에 다시 쓰기 작업을 추가해야 한다는 것을 깨달았습니다.json, 그래서 이것은 다음과 같이 보일 것입니다.

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [ {
      "source": "**",
      "destination": "/index.html"
    } ]
  },
  "storage": {
    "rules": "storage.rules"
  }
}

음, 저는 PWA를 개발하고 있었습니다.위의 단계에서 해결하지 못한 동일한 문제가 발생했습니다.그래서 저는 이 방법을 시도해 보았는데, 그것이 도움이 된다는 것을 알았습니다.

map.js를 삭제하고 다시 실행해 보십시오.npm run build두 번. 왜 두 번?첫 번째 파일은 오류를 발생시키지만 실제로 .js 파일의 변경 사항에 해당하는 map.js 파일도 재작성하기 때문입니다.마침내.firebase deploy호스팅하려는 작업 사이트를 제공해야 합니다.아래는 삭제할 파일의 위치가 포함된 제 프로젝트 파일의 이미지입니다.File to be deleted

프로젝트를 구축하는 과정에서 하드 리셋 캐시가 작동하지 않는 유사한 문제에 직면했습니다.그리고 나서 저는 캐시 데이터를 제공하는 클라우드 플레어 cdn 레이어가 앞에 있다는 것을 깨달았습니다.따라서 앞에 CDN이 있으면 개발하는 동안 CDN을 비활성화합니다.

다른 방법은 dist/<app_name> 폴더를 삭제하고 단계를 실행하는 것입니다.

  1. 그 안의 화기 기지.
  2. ng build --message
  3. 파이어베이스 배치를 다시 시작합니다.그것은 나에게 효과가 있었다.

저도 리액트 앱에서 같은 문제를 겪고 있었습니다.

마침내 제가 'npm run build'를 실행하지 않았다는 것을 알게 되었습니다. 따라서 빌드 폴더의 모든 내용이 업데이트되지 않았습니다. 이는 Firebase가 배포하는 내용입니다.

는 습 도 니 다 이 firebase-tools에, 은 당신비문생한후긴에가제다니달, 나갔습려는과슷▁after다▁i니▁similar습▁ran,갔달.npm i -g firebase-tools그리고 그것은 그것을 고치는 것처럼 보였습니다.

저도 파이어베이스 앱에서 호스팅하는 HUGO 웹사이트와 같은 문제가 있는데, 성공적으로 해결된 문제가 참고가 될 수 있습니다.

먼저 로컬에서 공용 파일을 삭제한 다음 사이트 사용을 재구성할 수 있습니다.

HUGO -D

이제 공개 파일이 다시 작성되었습니다.

그런 다음 다시 배포합니다.

Firebase deploy

파이어베이스가 업데이트되지 않은 이유는 콘텐츠만 업데이트하고 공개 파일은 자동으로 업데이트할 수 없기 때문이라고 생각합니다. 공개 파일을 다시 빌드해야 합니다.

늦을지도 모르지만 누군가에게 도움이 될 수도 있습니다.

Float 프로젝트에서 웹 플랫폼 폴더 삭제

명령 프롬프트 열기 및 실행

flatter create . --flatter web 이것은 다시 웹 폴더를 만듭니다.

웹용으로 다시 빌드

펄럭이는 거미줄

로컬에서 웹 앱을 실행하려면 Lite-server 실행을 설치해야 합니다.

npm install -glite-server

프로젝트 디렉토리에서 성공적으로 설치한 후 실행

cd build/web & & lite-server

컴퓨터에서 로컬로 웹 앱을 실행합니다. 따라서 Firebase 호스팅에 배포하기 전에 다음에서 몇 가지 더 변경하십시오.firebase.json그리고.index.html파일. 자세한 도움말은 기사를 참조하십시오.

그런 다음 프로젝트 디렉토리에서 파일 변경을 수행합니다.firebase.json:

"hosting": {
"site" : "statepcs3",
"public": "build/web",
"ignore": [
  "firebase.json",
  "**/.*",
  "**/node_modules/**"
],
"headers": [

  {
    "source": "**",
    "headers": [
      {
        "key": "Cache-Control",
        "value": "no-cache"
      }
    ]
  }

]

}

언급URL : https://stackoverflow.com/questions/34192901/firebase-deploy-not-updating-js-file

반응형