<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/vue-template-bs7uj" rel="nofollow">https://codesandbox.io/s/vue-template-bs7uj</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Create a render function that uses dynamic imports (like <code class="notranslate">sliceZone.vue</code> in the sandbox)<br>
then use it anywhere in your app (tested in a Nuxt project and a Vue Codesandbox).<br>
You should notice an infinite loop that crashes your app.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Dynamic import should work without the parent component to be re-rendered</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">Component calling a dynamic import should not re-render indefinitely</p>
<hr>
<p dir="auto">The problem probably comes from my lack of understanding of Vuejs / dynamic imports.<br>
Any working example would be greatly appreciated!</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/gupvmj5x/" rel="nofollow">https://jsfiddle.net/gupvmj5x/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Create <code class="notranslate">&lt;div id="app"&gt;{{ info }}&lt;/div&gt;</code> in the HTML, Create a new Vue instance by attaching the div. Add info as a data entry with a value, say 'Hello'. Run the app. To see the problem in action, pause the debugger at line 5873 in the Vue source file which is <code class="notranslate">nodeOps.removeChild(parent, el);</code>. In the Elements tab, there will be two divs with the same id.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The first div with the curly braces is replaced with the new div containing the info data.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The new div with the data is appended to the parent of the first div with the curly braces. Later the first div is removed which happens at line 5873.</p>
<hr>
<p dir="auto">There should a new function in <code class="notranslate">nodeOps</code> called <code class="notranslate">replaceChild</code> and should be used to perform the action which is expected. <code class="notranslate">replaceChild</code> is not present in IE8 but since Vue does not target IE8 we don't care.</p>