为什么我不能使用“import * as THREE from ' Three';”导入Three.js？

Question

我是 Three.js 的初学者，我正在遵循我正在关注的教程中所说的一切（https://www.youtube.com/watch?v=xJAfLdUgdc4&list=PLjcjAqAnHd1EIxV4FSZIiJZvsdrBc1Xho&index=1）我已经安装了 Parcel “npm install Parcel -g”，并且我已经使用“npm install Three”安装了 Three.js，并且我的代码编辑器（括号）针对代码“import * as THREE from ' Three';”抛出了两个错误。 在 JSlint 下，它显示“需要一个标识符，但看到的是‘导入’”。在 ESlint 下它显示“错误：解析错误：关键字“导入”被保留”

我完全按照教程中的说明复制了代码，但它仍然抛出这些错误。诡异的 在 index.html 中，我尝试使脚本标记具有 type="module" ，但没有它，它仍然不起作用。

也许是因为我没有使用 Visual Studio？

谢谢！

Answer 1

我也是 Three.js 开发者。

也许您错过了以下部分？

 <script type="importmap">
        {
            "imports": {
                "three": "https://unpkg.com/[email protected]/build/three.module.js",
                "three/addons/": "https://unpkg.com/[email protected]/examples/jsm/"
            }
        }
</>

如有错误，请联系我。 谢谢。

Answer 2

我正在构建一个 Three.js 项目并遇到了类似的问题，我通过使用以下命令重新安装 Three.js 来修复它：

npm install --save three

之后，我删除了节点模块并安装了它，以便刷新和更新项目依赖项中的依赖项。 重新运行您的应用程序，它应该已修复。