Why my import * as THREE from *three* didn't work?

[Mugen87]

@alirezaBest

1.Copy this code to head tag(Recommended)
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.147.0/three.min.js"></script>

The thing is that example/addons like loaders or controls are only available as ES6 modules starting with r148. So users should definitely target towards ES6 like explained in this topic:

The examples/js directory will be removed with r148

three.js is going to remove its examples/js directory in the next release r148. That means addons like GLTFLoader or OrbitControls will only be available as ES6 modules in the examples/jsm directory. What does that mean for me? If you are already using ES6 modules, it won’t be necessary to update your workflow. Only if you are using the third-party libraries ammo.js, Draco or Basis from the repository, you will have to update your import paths e.g. from /examples/js/libs/draco to /examples/jsm…

The Installation guide also explains how to use modules without npm in detail.