如何将超长JavaScript常量导入HTML文件

我有一个JavaScript常量，有几千行长。当我在index.html文件的标记中直接包含这个常量（一个对象数组）时，该常量可在我使用的图表库中使用。但是，如果我尝试将该常量导入图表库的脚本标记中，它将不可用

如何将JS常量成功导入html文件，以便在脚本标记中使用它

html文件中的脚本标记设置为：

<script>
    import { extremelyLongJSConst } from "./example.js";
other js content
</script>

我曾尝试将脚本标记定义为type=module，但没有成功，甚至不确定在这种情况下我尝试做什么是可能的

在HTML中：

<script type="module">
    import longJSON from './longJSON.js';
    console.log(longJSON);
</script

有关模块的信息：

---

向我们致以最诚挚的问候

我们从./example.js导入别名{extremelyLongJSConst as smallText}；那也不行。我原以为别名也是一样的。它是一个包含字符串的对象数组，它不会工作。不可能导入到html文件并可用。它可能是图表库，但我认为它是导入本身。首先，它是必需的。然后检查浏览器控制台是否有错误，例如关于同源策略。由于Cors策略，此操作被阻止。您没有提到您正在尝试从另一个域请求文件。要启用CORS，您请求的服务器必须将Access Control Allow Origin添加到其头部。此操作只需将js文件导入html文件即可。不涉及多个域，也不涉及服务器。我在我的域上上载了一个测试：-可以在ConsoleWird中找到输出。我仍然看到：从源代码“null”访问脚本已被CORS策略阻止：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https。

<script type="module">
    import longJSON from './longJSON.js';
    console.log(longJSON);
</script

export default {
    some: 'super fancy content'
};