如何在Forge Viewer中加载外部扩展？自定义扩展加载失败求助

核心问题 #

你当前的脚本引用路径错误：index.html里写的./Measure.min.js指向的是当前页面同级目录，但实际文件放在public文件夹下，浏览器无法定位到资源。

修复步骤 #

• 修正脚本路径
  前端项目中public是静态资源的根目录，引用时要从根路径开始，把script标签改成：

  <script src="/Measure.min.js"></script>
  <script src="/Markup.min.js"></script>
  

  注意开头的斜杠/，它代表网站根目录，确保浏览器能找到public下的文件。

• 手动加载扩展
  Forge Viewer不会自动加载第三方扩展，必须在Viewer初始化完成后显式调用加载方法，比如：

  // 初始化Viewer后执行
  viewer.loadExtension('Autodesk.Measure').catch(err => console.error('测量扩展加载失败:', err));
  viewer.loadExtension('Autodesk.Markup').catch(err => console.error('标注扩展加载失败:', err));
  

• 验证资源状态
  打开浏览器F12开发者工具，切换到Network标签页，刷新页面：

  • 若脚本请求返回404，检查文件名拼写、大小写，确认文件确实在public根目录下
  • 若返回200，查看Console标签页的报错信息，排查扩展注册失败、依赖缺失等问题

• 规范文件存放
  不要把预构建的.min.js文件放在src文件夹，src目录的文件会被打包工具处理，第三方静态资源直接放在public目录即可，避免被打包工具修改或忽略。

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