导入 Babylonjs 出现错误：Babylonjs 不提供名为“Engine”的导出

编程问答 2022-04-22

问题描述

我正在尝试制作一个需要 3d 渲染引擎的单页网站。但我不断收到错误：

The requested module '/Babylon.js-master/dist/babylon.js' does not provide an export named 'Engine'

HTML

<!DOCTYPE html>
<html lang="en">

 <head>
<title>Gcode Designer</title>
<link href="stylesheet.css" rel="stylesheet">
<script src="Main.js"> </script>
<style type="text/css" media="screen">
 
</style>
<script src="plotly-2.1.0.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.babylonjs.com/babylon.js"></script>
<script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
</head>

<body>
<p>hello</p>
<canvas id="renderCanvas"></canvas>
<script type="module"  src="http://127.0.0.1:5500/gcodeViewerBabylon.js"></script>
</body>

Javascript

import { Scene,Engine } from '/Babylon.js-master/dist/babylon.js';

var canvas = document.getElementById('renderCanvas');
// Load the 3D engine
var engine = new Engine(canvas,true,{ preserveDrawingBuffer: true,stencil: true });
//Some More code

我已经尝试过的事情：

  1. 尝试从 npm 安装并尝试导入。这根本不起作用，给出错误“无法解析模块说明符“babylonjs”。相对引用必须以“/”、“./”或“../”开头。”
  2. 尝试 CDN

这两种方法都不起作用。我正在用另一个图书馆解决完全相同的问题。我是新的网络开发，实际上是我的第一个项目。也许我犯了一些非常根本的错误。

同时我以同样的方式导入了three.js，效果很好。

提前感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

3d-renderingbabylonjshtmlimportimportimportjavascript