JavaScript模块导入失败求助：SoundTouchJS本地导入404问题

• 核心原因：MAMP是静态文件服务器，不像Node会自动处理npm包路径解析，所以不能直接用import { PitchShifter } from 'soundtouch.js';这种包名式导入，必须用相对文件路径。
• 步骤1：从仓库下载完整代码包，找到编译好的soundtouch.js文件（一般在项目的dist或build目录下），将其复制到你的项目目录中（比如和你的脚本文件同目录，或单独放在lib子文件夹）。
• 步骤2：修改导入语句为相对路径，示例：
  • 若soundtouch.js和脚本在同一目录：import { PitchShifter } from './soundtouch.js';
  • 若放在lib子目录：import { PitchShifter } from './lib/soundtouch.js';
• 步骤3：检查HTML中的脚本引用标签，必须添加type="module"，否则浏览器不识别ES模块导入，示例：

  <script type="module" src="你的脚本文件名.js"></script>
  

• 步骤4：确认MAMP的根目录设置，确保项目文件都在MAMP指定的htdocs文件夹下，访问页面时使用正确的服务器路径（比如localhost/你的项目文件夹/index.html），避免直接打开本地文件导致的路径或跨域问题。
• 备选方案：如果ES模块导入仍有问题，可改用传统全局引入方式：

  <script src="./soundtouch.js"></script>
  

  之后在脚本里直接使用全局的PitchShifter：

  const pitchShifter = new PitchShifter();
  

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