导入自定义类时报Cannot use import statement outside a module如何解决

• 修正HTML脚本声明配置
  Main.js中使用了ES模块的import语法，必须给对应的script标签添加type="module"属性，否则浏览器会将其识别为普通脚本，直接抛出语法错误。修正后的引入代码如下：

  <script src="./script/Main.js" type="module"></script>
  

  注：如果没有全局调用Graph的需求，不需要单独在HTML中引入Graph.js，Main.js导入时会自动加载该模块文件。

• 排查本地运行环境限制
  ES模块受同源策略约束，若直接通过双击打开HTML（使用file://协议）访问，浏览器会因跨域限制拦截模块加载，建议使用本地静态服务访问：可使用VS Code的Live Server插件启动项目，或安装http-server依赖后在项目根目录执行http-server命令，通过http://localhost:对应端口访问项目。

• 校验文件路径匹配度
  确认项目根目录下存在script文件夹，且文件夹内同时存在Graph.js、Main.js两个文件，文件名大小写需要完全匹配，部分服务器对文件名大小写敏感，拼写错误会导致模块加载失败。

• 确认导出导入语法匹配
  当前Graph.js使用export default默认导出，对应的import Graph from "./Graph.js"导入语法是完全匹配的，不要额外添加花括号写成命名导入格式，避免出现导出值不匹配的问题。

内容的提问来源于stack exchange，提问作者Jurek O.