当我把js脚本放到public文件夹中，然后这样导入到script标签script.src = "/scoper.js";中，js脚本运行正常，但是当我把那个js脚本移动到src文件夹中，然后直接导入，脚本运行不正常，那么从<script src="...">运行js脚本和从import { scoper } from "./scoper.js";运行js脚本有什么区别呢？https：codesandbox.io/s/stylesheet-scoping-b0k9pp?file=/src/App.js:65-102当脚本运行成功时，“Hello World”文本应为红色。
App.js

import React, { useEffect } from "react";
import "./styles.css";
import { scoper } from "./scoper.js"; // this doesn't work

export default function App() {
  useEffect(() => {
    const script = document.createElement("script");

    // script.src = "/scoper.js"; //this works

    script.async = true;
    document.body.appendChild(script);

    let style = document.createElement("style");
    style.setAttribute("scoped", "");
    style.innerHTML =
      ".Puma {" +
      "color: purple;" +
      "font-size: 50px;" +
      "text-align: left;" +
      "}";
    let main = document.getElementById("raptors");
    main.appendChild(style);
    return () => {
      document.body.removeChild(script);
    };
  }, []);

  return (
    <>
      <div id="lakers" className="Puma">
        <div>Hello World!</div>
      </div>
      <div id="raptors" className="Puma">
        <h1>Raptors win!</h1>
      </div>
    </>
  );
}