Shopify JavaScript如何在代码中包含本地文件？

我目前正在为Shopify制作一个应用程序，但有一个问题我似乎无法解决，也无法从谷歌那里找到任何有用的答案

我需要一个前端按钮来运行用JavaScript编写的脚本。此脚本位于服务器上的其他文件夹中

页面完全用JavaScript编写，没有HTML

我试图导入这个js文件，但由于一些错误，它不允许导入。试图修复此错误时，代码本身会发生错误，并停止正常工作。这就是我放弃导入文件的原因

然后我尝试使用fetch，但我无法实现页面至少可以在服务器上看到我的文件的结果。 前端按钮

onClick = {() => {
          fetchText ()
        }}

在pages/index.js文件的底部是这个函数，按钮会调用它。readme.txt文件位于以下路径：pages/readme.txt

async function fetchText () {
  var a = fetch ("/ readme.txt")
    .then (promiseResult => {
      console.log (promiseResult)
      return promiseResult.text ()
    })
    .then (responseResult => {console.log (responseResult)})
}

浏览器控制台中显示的所有内容： 响应{类型：“基本”，url:https://ooo.example.com/readme.txt“，重定向：错误，状态：404，确定：错误，…}

---

关于页面的所有数据也写在底部，但底线是，无论我如何尝试编写代码本身，它总是给出相同的404错误，即，找不到

尝试在您的页面中添加脚本标记？页面完全使用React编写，没有类似于HTM的组件响应中的url是/readme.txt，而不是/pages/readme.txt。您是否尝试将/pages添加到您的获取url？是的，我尝试了此文件所在的各种路径，但均无效。/pages/readme.txt路径也不起作用。将此文件移动到其他一些目录也不起作用。