导入 aurelia 插件：无法找到具有 ID 的模块答案

【问题标题】：Importing an aurelia plugin: Unable to find module with ID导入 aurelia 插件：无法找到具有 ID 的模块
【发布时间】：2018-02-21 00:23:07
【问题描述】：

我曾尝试导入 3 个不同的 Aurelia 插件，但均未成功。每个都已加载，但插件中的导出资源似乎没有。

例如，当像这样导入aurelia-simple-tabs 时：

aurelia.use
    .standardConfiguration()
    .plugin(PLATFORM.moduleName('aurelia-simple-tabs'));

项目构建，但在运行时出现错误：

Unable to find module with ID: aurelia-simple-tabs/simple-tabs

然后我尝试像这样显式加载：

aurelia.use
    .standardConfiguration()
    .plugin(PLATFORM.moduleName('aurelia-simple-tabs'))
    .plugin(PLATFORM.moduleName('aurelia-simple-tabs/simple-tabs'));

我收到一个新错误：

Unable to find module with ID: aurelia-simple-tabs/simple-tab.html

我发现所有其他插件都有相同的行为，所以我认为这不是插件问题。我缺少一些 Aurelia CLI 配置吗？

【问题讨论】：

您提到的插件应该使用 PLATFORM.moduleName 并且正在从他的插件的索引中导出 SimpleTabs 但它不是。如果您使用的是 webpack，那将无法正常工作。

标签： aurelia

【解决方案1】：

在aurelia.json、bundles/dependencies 中，vendor-bundle.js 需要输入：

{
  "name": "aurelia-simple-tabs",
  "path": "../node_modules/aurelia-simple-tabs/dist/amd",
  "main": "index",
  "resources": [
    "simple-tabs.html",
    "simple-tab.html",
    "simple-tabs.css"
  ]
}

稍后在任何模板中使用它：

<simple-tabs>
    <simple-tab name="Tab 1">tab 1</simple-tab>
    <simple-tab name="Tab 2">tab 2</simple-tab>
    <simple-tab name="Tab 3">tab 3</simple-tab>
</simple-tabs>

【讨论】：