0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

4..gsファイルで生成したHTMLコードがタグとして読み込まれないエラー

Posted at

突然HTMLが文字列になってしまった!!!

さっきまではきちんとタグとして読み込んでいたのですが、何かよからぬ修正をしてしまったのかタグとして読み取ってもらえなくなっちゃいました!!!!
image.png

(何もしてないのに壊れた!・・・とは言いませんとも。)

対応1:.gsファイルを修正前のコードに戻してみる

本事象が起きた日の最初の状態に戻してみるも改善されず。
※ここがドはまりした原因でして、gsファイル内のロジックに問題があるから出力されないものという思い込みがあったのですよね。

対応2:キャッシュクリアしてみる

キャッシュの問題かと思ったのでブラウザを変えて動作確認までしてみたのですが、変わりなし。

対応3:.gsファイル内のHTMLはバッククォートで囲む

本事象を調べているうちに、.gsファイル内でHTMLコードを記述する場合は、バッククォートで囲まれている必要があるとのこと。
そうなるように修正してみたのですが、変わりなく。
以下コードくらいまで、単純化して記述してもダメでした。

html = `<span>test</span>`;

image.png

原因:htmlファイル内の変数の記述に問題あり!

htmlファイルの中で、gs内で定義した変数を2種類の呼び方をしていたため、より端的な記述のほうに統一したことで今回の問題が起こりました。

htmlとして表記.html
<span class="gridParent">
  <? output._ = formHTML ?>
</span>
文字列として表記.html
<footer>
  <?= footer ?>
</footer>

以下のどちらの形でも変数の中身すべてをhtmlに反映することができますが、変数の中身にHTMLタグが含まれるときに、htmlとして生成してもらうためには<? output._ = [変数名] ?>と記載してあげる必要があったようです。
浅学でお恥ずかしい限りです。

今日はここまで。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?