リテラルにスクリプトタグが含まれている場合、 "Unterminated template literal"構文エラー

Question

私はES6テンプレートリテラルを使用して文字列にHTMLを作成していますが、これまではうまくいきました。しかし、できるだけ早く私は、文字列リテラルテキスト</script>を配置しようとして、ブラウザがアップスローし、構文エラーがスローされます。ここでは

SyntaxError: Unterminated template literal 

はエラーをスローし、簡単なJavaScriptのサンプルです：

var str=` 
<script> 
</script> 
` 
var pre = document.createElement('pre') 
pre.textContent = str 
document.body.appendChild(pre) 

JS Fiddleの上記のコードを参照してください。

何が起きているのかは、リテラル引用符を探して、リテラルなHTMLとして扱うようになっているようです。その時点以降のすべてのJavaScriptは間違ってHTMLとして扱われます。

私はscriptによるいかなるその他の法的HTMLタグ（とscriptyのようにも、無効なタグ）を交換する場合、それだけで正常に動作しますので、私はこれはおそらく、構文エラーまたはI奇妙な場合がいかに見ることができません私は1つの文字（例えばバックティック）をタイプしたと思うが、代わりにそれに似ている別のタイプをタイプしたと思う。

私は文字通りコンパイル時に文字列を作成していますが、ブラウザはでなく、はHTMLとして扱うか、何らかの方法で解析する必要があります。だから何を与える？スクリプトタグ内</script>を挿入した場合

Answer 1

、どんなにそれが引用符、アポストロフィ内の文字列、またはリテラルでもテンプレートがいた場合、それは常には、スクリプトタグを閉じます。あなたは外部スクリプト<script src="url"></script>を使用する場合は、それはエスケープせずに正常に動作する必要があり

var str=` 
<script> 
<\/script> 
` 
var pre = document.createElement('pre') 
pre.textContent = str 
document.body.appendChild(pre) 

を：あなたはそのような、たとえば、それをエスケープする必要があります。