JavaScript可导出类在index.html中未定义问题求助

核心问题分析 #

你的代码存在几个关键问题，导致控制台提示App未定义：

1. HTML结构错误：页面最顶部的<script>标签写在了<!DOCTYPE html>之前，不符合HTML规范，浏览器会忽略这个无效位置的脚本。
2. 模块导入方式不匹配：App.js中使用的是命名导出（export class App），但你尝试用默认导出的方式导入（import App from "./App.js"），语法不匹配。
3. 模块作用域隔离：ES模块有独立的作用域，即使在head里加载了App.js，模块内的变量也不会自动暴露到全局，body里的脚本无法直接访问。

修复步骤及代码示例 #

第一步：修正index.html结构与导入逻辑 #

删除顶部无效的