声明：

第一个月

关于我的项目设置：

• 我使用“npm create vite@latest”创建了根文件夹
• 运行“npm install”，然后运行“npm install --保存三”
• 运行“npm run dev”，在package.json中定义为“vite”
• index.html的主体有这样一行：

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

字符串

• Main.js包括从顶部开始的一行代码以及基本的three.js场景代码，这些代码是我从Three.js的官方文档中复制的
• 当我运行服务器时，我得到一个空白的白色页面。
  浏览器控制台显示错误：

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/three_addons_capabilities_WebGL__js.js?v=fc132b03' does not provide an export named 'WebGL' (at main.js:40:10)

型

项目树：

.
├── counter.js
├── index.html
├── javascript.svg
├── main.js
├── node_modules
│   ├── @esbuild
│   ├── esbuild
│   ├── function-bind
│   ├── has
│   ├── is-core-module
│   ├── nanoid
│   ├── path-parse
│   ├── picocolors
│   ├── postcss
│   ├── resolve
│   ├── rollup
│   ├── source-map-js
│   ├── supports-preserve-symlinks-flag
│   ├── three
│   └── vite
├── package-lock.json
├── package.json
├── public
│   └── vite.svg
└── style.css

型
我很困惑，因为官方的three.js文档中建议了这个语句。我知道我可以使用绝对路径而不是别名，但我想知道为什么它不能按原样工作。只是想学习一下。
Thanks in advance