3D レンダリング エンジンが必要な単一ページの Web サイトを作成しようとしています。しかし、私はエラーが発生し続けます:
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
私がすでに試したこと：
- npm からのインストールとインポートを試みています。まったく機能せず、「モジュール指定子 "babylonjs" の解決に失敗しました。相対参照は "/"、"./"、または "../" のいずれかで開始する必要があります。」というエラーが表示されます。
- CDN を試す
これらのアプローチはどちらも機能しませんでした。私は別のライブラリでまったく同じ問題を洗い流しています。私は新しい Web 開発者で、実際には最初のプロジェクトです。多分私はいくつかの非常に基本的な間違いを犯しています。
同時に、同じ方法で three.js をインポートしたところ、見事に機能しました。
事前に助けてくれてありがとう。