当我在浏览器上加载一个HTML文件时，我得到了这个确切的错误，该浏览器正在使用一个json文件从本地目录。在我的例子中，我能够通过创建一个允许服务器静态内容的简单节点服务器来解决这个问题。我把这个的代码留在了另一个答案。

不可能在没有服务器的情况下加载静态本地文件(例如:svg)。如果你的机器上安装了NPM /YARN，你可以使用"http-server"来设置简单的http服务器。

npm install http-server -g
http-server [path] [options]

或者在项目文件夹中打开终端并键入“hs”。它将自动启动HTTP live服务器。

加载本地文件的一种方法是在项目文件夹中使用它们，而不是在项目文件夹之外。在您的项目示例文件下创建一个文件夹，类似于我们创建图像的方式，并替换其中使用完整的本地路径而不是项目路径的部分，并使用项目文件夹下的文件的相对url。 这对我很有效

我建议您使用一个迷你服务器在本地主机上运行这类应用程序(如果您没有使用某些内置服务器)。

这里有一个非常简单的设置和运行:

https://www.npmjs.com/package/tiny-server

如果你使用旧版本的Mozilla Firefox(2019年之前)，它会像预期的那样工作，没有任何问题;

附言:令人惊讶的是，旧版本的ie和Edge也能正常工作。

如果您正在搜索Firebase托管的解决方案，则可以运行

firebase serve——firebase命令行的唯一托管命令

这就是我来这里的目的，所以我想我就把它留在这里帮忙吧。