如果沒有 index.html，如何在 index.html 中運行腳本

Question

我還是 React 的新手。 我有 React web 應用程序，我需要添加幾個腳本。 盡管腳本必須在index.html的 body 標記內。 像這樣：

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>React example</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style media="only screen">
      html,
      body,
      #root {
        height: 100%;
        width: 100%;
      }
    </style>
  </head>
  <body>
    <div id="root">Loading React example&hellip;</div>
      <script 
        src="https://unpkg.com/systemjs@0.19.39/dist/system.src.js"
       > 
       </script>
      <script src="systemjs.config.js"></script>
      <script>
        System.import('./index.jsx').catch(function(err) {
          console.error(err);
        });
      </script>
  </body>
</html>

但問題是我的應用程序沒有index.html它只有index.js 。 我試圖用document.write添加這個腳本，但我認為這是一種錯誤的做法。 除此之外，我還有無法理解的語義和句法錯誤，它們也附在此處

Answer 1

您可以 append 您的反應代碼中的腳本與：

let script = document.createElement("script");
script.setAttribute("src", scriptUrl);
script.setAttribute("type", "text/javascript");

（這適用於鏈接腳本，但嵌入式腳本可以以類似的方式完成）

Answer 2

嗨，我在我的反應應用程序中使用了這個我插入了動態 yandex metrica 代碼

Возможно поможет кому то вставить код Яндекс метрики в SPA ReactJs App

export function addCustomScriptAndHtmlInHead(tagString: string ): void {
    const range = document.createRange()
    range.selectNode(document.getElementsByTagName('BODY')[0])
    const documentFragment = range.createContextualFragment(tagString)
    document.head.appendChild(documentFragment)
}

如果沒有 index.html，如何在 index.html 中運行腳本

問題描述

2 個解決方案

解決方案1
1 已采納 2021-12-02 09:42:48

解決方案2
0 2022-07-20 14:18:44

如果沒有 index.html，如何在 index.html 中運行腳本

問題描述

2 個解決方案

解決方案1 1 已采納 2021-12-02 09:42:48

解決方案2 0 2022-07-20 14:18:44

解決方案1
1 已采納 2021-12-02 09:42:48

解決方案2
0 2022-07-20 14:18:44