如果没有 index.html，如何 index.html 中的 index.html 脚本做出反应

Question

抱歉提出愚蠢的问题，我对 React 还是个新手。我有 React 网络应用程序，我需要向其中添加几个 scrypts。尽管 scrypts 必须在 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 添加这个 scrypt，但我认为这是错误的做法。除此之外，我还有我无法理解的语义和句法错误，它们也已附加 here

Answer 1

您可以在您的 React 代码中附加脚本：

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

（这是针对链接脚本的，但嵌入式脚本可以用类似的方式完成）

如果没有 index.html，如何 index.html 中的 index.html 脚本做出反应

How to run scripts in index.html in react if you don't have index.html

html

javascript

node.js

scrypt

reactjs