Sapper Hot Restore가 작동하지 않을 때 대처 방법

2197 단어 SvelteSapper
Svelte로 웹 애플리케이션을 쉽게 만들고 싶어서 문득 파일 배치처나 어느 정도 결정된 Sapper 프레임워크를 사용해야 한다는 생각이 들었다.
아무튼 먼저 공식 사이트 의 방법으로 Sapper를 쉽게 가져올 수 있습니다.
가져올 때 버전은 Svelte: 3.12.1,Sapper: 0.27.9입니다.
$ npx degit "sveltejs/sapper-template#webpack" my-app
$ cd my-app
$ yarn
$ yarn dev & open http://localhost:3000

움직였어.
프레젠테이션 페이지Try editing this file (src/routes/index.svelte) to test live reloading.
이 설명문을 Hallo Svelte World!로 고쳐 보존해 보세요.
... 하지만 브라우저가 자동으로 업데이트되지 않는 이유는 무엇입니까?
살짝 조사해보니 Svelte가 Webpack의 Hot Module Reloading에 대응하지 못한 것 같다.
  • https://github.com/sveltejs/svelte/issues/2377
  • https://github.com/sveltejs/sapper/issues/764
  • Sapper 측도 자동 읽기 라이브러리를 준비했습니다.
    Webpack의 자동 읽기를 끄고 그곳을 이용하면 됩니다.package.json 에서 scripts 속성을 다음과 같이 다시 쓰기 dev: 합니다.
    "dev": "sapper dev --no-hot"
    または
    "dev": "sapper dev --hot=false"
    
    이 명령을 사용하면 index.svelte 파일의 글을 덮어씁니다.

    자동 업데이트로 텍스트가 원활하게 전환되었습니다.

    좋은 웹페이지 즐겨찾기