Ошибка three на редми ноте 7 как решить?

Question

[Alex]

Не знаю уже как решить изначально грузил по инструкции :

Код

<script type="importmap">
      {
        "imports": {
          "three": "https://cdn.jsdelivr.net/npm/three@0.170.0/build/three.module.js",
          "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.170.0/examples/jsm/"
        }
      }
    </script>

import * as THREE from 'three';
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';

Всё работает на многих смартфонах, а на некоторых выдает ошибку выше.
Попробовал просто скачал всё что надо и загружать так:

Код

import * as THREE from './three/three.module.js';
import { OrbitControls } from './three/OrbitControls.js';
import { RoundedBoxGeometry } from './three/RoundedBoxGeometry.js';
import { GLTFLoader } from './three/GLTFLoader.js';

Всё равно появляется эта ошибка. И так же на других смартфонах всё работает.
Всю голову сломал что за проблема такая и как решить. Буду признателен за подсказку если кто сталкивался с таким, как решить.

UPD: Нашел вот такую информацию на гитхаб, но нет ни каких примеров как теперь подключать аддоны, в доках тот же пример что выше висит до сих пор, хотя пишут будто щас подключение по CDN работает как то иначе

Цитата

This change is listed in the migration guide https://github.com/mrdoob/three.js/wiki/Migration-...

NPM: ES6 modules in examples/jsm now import using the bare specifier three.
This change breaks working with modules in cdns such as https://www.jsdelivr.com/ and https://unpkg.com/. Please use https://www.skypack.dev/ instead.

That means loading modules in web apps from node_modules is not supported anymore.

Comments

[historydev]

Чем собираешь?

[Alex]

historydev, ничем просто подключаю по CDN в шаблоне, а так используется laravel в phpstorm через композер

Answer 1

[historydev]

Собрать js через webpack и проверить.
Поддержка es6 не 100%

Comments

[Alex]

т.е. через CDN работать не будет, только собирать самому в проекте?

[historydev]

Alex, Если cdn предоставляет только ES6 - да, но ты можешь попробовать найти уже собранное, однако для начала собери сам и убедись что проблема в этом.

[Alex]

historydev, т.е просто в отдельной папке от проекта запустить npm install --save three ? или при сборке нужно передать параметр с указанием es5? Т.е. чем будет отличаться это от простого подключения скачанных скриптов с cdn?

[Alex]

historydev, я понял что движок браузера у смартфона игнорирует script type="importmap"
потому что если убрать script type="importmap" из кода шаблона, то выводится как раз такая ошибка