为何无法使用import * as THREE from 'three'导入Three.js？

核心原因 #

编辑器里的JSLint/ESLint默认配置不支持ES6模块语法，和用不用VSCode无关——Brackets完全能处理Three.js项目，只是校验工具的规则没跟上。

具体解决步骤 #

• 修复ESLint报错：在项目根目录新建.eslintrc.json文件，写入以下配置，让ESLint识别ES6模块：

  {
    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module"
    }
  }
  

• 处理JSLint报错：
  • 要么在代码第一行加注释：/*jslint es6: true */，强制JSLint允许ES6语法；
  • 要么直接在Brackets的扩展设置里禁用JSLint校验（毕竟ESLint足够覆盖代码检查需求）。
• 验证项目本身是否正常：别管编辑器的报错，先执行parcel index.html启动项目——只要Parcel能正常编译并在浏览器打开，说明代码和依赖安装都没问题，编辑器的报错只是校验规则的问题。
• 关于script标签的type="module"：用Parcel打包的话，不需要给html里的script标签加这个属性，Parcel会自动处理模块打包和引用。

内容的提问来源于stack exchange，提问作者helloworld123