如何正確導入三個 js 庫？

Question

我通過 npm 安裝了這三個庫。 在node_modules目錄中有三個文件夾。 但是當我想使用以下方法導入它時：

import * as THREE from 'three';

它給出了以下錯誤：

 ReferenceError: regeneratorRuntime is not defined

但是當我使用時；

import * as THREE from 'three/build/three.cjs';

它正常工作。 此外，導入外部插件時也會出現同樣的問題：

import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";

我怎樣才能解決這個問題？

Answer 1

Three.js 使用 ES6 async/await，你需要升級或配置你的 babel 預設來支持 async/await。 這可能有助於Babel 6 regeneratorRuntime 未定義

Answer 2

確保您引用了您的three.module所在的正確路徑。 對於rootForlder/src/theScriptWhereYourImportIs.js中的腳本，我會嘗試以下操作：

import * as THREE from '../node_modules/three/build/three.module.js';

如果腳本與您的node_modules文件夾處於同一層次結構級別，則以下內容應該有效：

import * as THREE from './node_modules/three/build/three.module.js';

據我記得，我不得不進行一些試驗並弄清楚這一點，因為它在文檔中不是很清楚。 任何見解都將受到歡迎。