Vue: ssr 예기치 않은 수화 구제 금융

@FranckFreiburger 감사합니다. Mac과 Windows 모두에서 문제를 재현하려고합니다. 더 많은 정보를 제공해 주시겠습니까? 그리고 F5 key 경우 F5가 페이지를 다시로드한다는 것은 무엇을 의미합니까?

Windows 7, node v8.1.2, 최신 Google Chrome 및 Firefox에서 테스트되었습니다.
vue-hackernews-2.0 데모를 복제 한 후 방금 App.vue 를 수정하여 <pre> 태그를 추가했습니다.
그런 다음 npm run dev 실행하면 페이지가 처음로드 될 때 문제가 발생하고 페이지를 다시로드 할 때 문제가 다시 발생합니다.

Google 개발 도구를 사용하여
문제 직전에 스크립트 실행을 일시 중지하면 마크 업 (개발 도구 요소 탭)은 다음과 같습니다.

<pre style="background-color:#aaa;">foobar
        </pre>

스크립트 실행을 계속하면 마크 업이 다음과 같이됩니다.

<pre style="background-color:#aaa;">
foobar
        </pre>

네트워크 탭의 데이터가 올바른 것 같습니다. 초기 HTTP GET 요청에는 다음이 포함됩니다.

<pre style="background-color:#aaa;">
foobar
        </pre>

참고 :이 문제는 함께 일하지 않는 <div style="white-space:pre;"> 대신 <pre>

감사합니다. 나는 그것을 조사하려고 노력하고 있습니다.

@FranckFreiburger 버그 인 것 같습니다. 사양 https://www.w3.org/TR/html5/syntax.html#element -restrictions에 따라

하나의 줄 바꿈은 pre 및 textarea 요소의 시작 태그 바로 뒤에 배치 될 수 있습니다. 요소의 내용이 줄 바꿈으로 시작하도록 의도 된 경우 저자는 연속 된 두 줄 바꿈을 포함해야합니다.

pre 태그 바로 뒤의 first 줄 바꿈은 무시되지만 vue html 컴파일러는 그렇지 않은 것 같습니다.

나는 그것을 고치려고 노력할 것이다.