使用npm安装three.js导入报错Uncaught TypeError: Failed to resolve module specifier “three“

使用npm安装three.js后，在 html中引入
<script type="module" src="/script.js"></script>
控制台显示：

  Uncaught TypeError: Failed to resolve module specifier "three".
   Relative references must start with either "/", "./", or "../".

script.js

import * as THREE from 'three';

// 创建三要素
let scene,camera,renderer

function init(){
    scene =new  THREE.Scene()
    let width = window.innerWidth
    let height = window.innerHeight
    //垂直角度，宽高比，近，远截面
    camera = new THREE.Camera(75,width/height,0.1,1000)

    renderer = new THREE.WebGLRenderer()
    renderer.setSize(width,height)
    document.body.append(renderer.domElement)
    // 传入摄像机和场景
    renderer.render(scene,camera)
}

init()

解决方法
安装 Vite：

npm install vite -D

启动开发服务器

npx vite

根本原因：浏览器不知道如何解析 npm 包名，而构建工具（如 Vite、Webpack、Rollup）提供了这一能力。