如何使用AMI.js Widgets？无完整仓库时如何访问WidgetsHandle？

首先得明确：AMI的核心库并没有包含WidgetsHandle这类组件——它们属于仓库里的示例扩展代码，不是核心功能的一部分，所以直接用官方提供的独立库文件时，自然找不到这个构造函数，会抛出“不是构造函数”的错误。

不过有两种可行的办法来解决这个问题：

• 手动提取并引入示例组件代码
  你可以从AMI仓库的base/widgets/目录下，把widgets.handle.js以及它依赖的其他widget相关文件（比如如果有共用的widget基础类也要一起复制）放到自己的项目中。引入顺序上要先加载AMI核心库，再加载这些widget文件，这样后续代码里就能正常调用new AMI.WidgetsHandle(...)了。
  举个简单的引入示例：

  <!-- 先加载AMI核心库 -->
  <script src="path/to/ami.min.js"></script>
  <!-- 再加载提取的widget文件 -->
  <script src="path/to/your/copied/widgets.handle.js"></script>
  

• 自定义构建包含widgets的AMI库
  如果你熟悉Webpack、Rollup这类前端打包工具，可以克隆AMI仓库，修改项目的打包配置，把base/widgets/下的相关文件加入到打包入口中，重新构建出包含widgets组件的自定义AMI库文件。这种方式适合长期使用多个widget组件的场景，不用每次单独引入零散文件。

另外要注意，这些widget组件依赖AMI核心库的特定API，尽量保证你使用的核心库版本和仓库示例版本一致，避免出现API不兼容的问题。

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