Babylon JS и React - ReferenceError: Earcut не определен - PullRequest
Новая
       129

Babylon JS и React - ReferenceError: Earcut не определен

1 голос
/ 29 мая 2020

Работа с Babylon JS и React. В моей локальной среде React я могу создать сцену, используя просто сферу. Пройдя дальше, я смог создать кольцо, состоящее из сегментов. Код хорошо работает на игровой площадке с той же версией (4.1.0), которая используется для React, а также с новейшей альфа-версией.

https://www.babylonjs-playground.com/#KECBIZ

Когда я перемещаю этот код с игровой площадки в свою локальную среду React, я получаю следующую ошибку: 

Function.push../node_modules/@babylonjs/core/Meshes/Builders/polygonBuilder.js._mesh__WEBPACK_IMPORTED_MODULE_2__.Mesh.ExtrudePolygon
C:/sourceES6/core/Meshes/Builders/polygonBuilder.ts:85
  82 |     return PolygonBuilder.CreatePolygon(name, options, scene, earcutInjection);
  83 | };
  84 | 
> 85 | Mesh.ExtrudePolygon = (name: string, shape: Vector3[], depth: number, scene: Scene, holes?: Vector3[][], updatable?: boolean, sideOrientation?: number, earcutInjection = earcut): Mesh => {
  86 |     var options = {
  87 |         shape: shape,
  88 |         holes: holes,

Код из моей локальной среды React 

    var scene = new BABYLON.Scene(engine);
    var camera = new BABYLON.ArcRotateCamera('Camera', Math.PI / 2, 0, 50, BABYLON.Vector3.Zero(), scene);
    camera.setTarget(BABYLON.Vector3.Zero());
    camera.attachControl(canvas, true);

    var light = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(0, 1, 0), scene);
    light.intensity = 0.7;

    let ring = createRing(10, 2, 2, 16);
    ring.segments.forEach(s => {
        let polygon = BABYLON.Mesh.ExtrudePolygon(ring.id, s.vectors, 2, scene);
        polygon.rotate(BABYLON.Axis.Y, s.offset);
    });

Я установил Earcut, используя NPM (https://doc.babylonjs.com/how_to/polygonmeshbuilder). Что мне не хватает?

1 Ответ

1 голос
/ 11 июня 2020

Вам необходимо обновить плагины вашего веб-пакета: 

    plugins: [
        ...
        new webpack.ProvidePlugin({
            'earcut': 'earcut'
        }),
    ]
...