aurelia-tabbed 项目的问题答案

【问题标题】：Issues with the aurelia-tabbed projectaurelia-tabbed 项目的问题
【发布时间】：2017-03-16 21:47:23
【问题描述】：

我正在尝试将 aurelia-tabbed 包含在我的 aurelia 项目中（我认为我拥有最新版本，但我在任何地方都找不到版本号）。但是我有一个问题，因为我使用的是我的应用程序和供应商 js 的捆绑包，我不知道如何包含该包。

我尝试在我的 aurelia.json 的 build > bundles > (vendor) > dependencies 中添加这个：

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

但是，在编译时，我无法运行该网页。它在控制台中给了我错误（甚至在我添加任何选项卡式标签之前）：

DEBUG [aurelia] Configured plugin aurelia-tabbed.

vendor-bundle.js:5700 GET http://localhost:9001/analysis/test-page/node_modules/aurelia-tabbed/dist/amd/tab-headers.js 
vendor-bundle.js:5700 GET http://localhost:9001/analysis/test-page/node_modules/aurelia-tabbed/dist/amd/tabs-wrapper.js 
vendor-bundle.js:5700 GET http://localhost:9001/analysis/test-page/node_modules/aurelia-tabbed/dist/amd/tab-content.js 

vendor-bundle.js:1395 Unhandled rejection Error: Script error for "aurelia-tabbed/tab-headers"
http://requirejs.org/docs/errors.html#scripterror
    at makeError (http://localhost:9001/scripts/vendor-bundle.js:3907:17)
    at HTMLScriptElement.onScriptError (http://localhost:9001/scripts/vendor-bundle.js:5477:36)

这三个调用都导致 404（这是正常的，因为 node_modules 路径位于根目录）。然而：为什么连打三个电话？文件不是应该打包的吗？

【问题讨论】：

标签： aurelia

【解决方案1】：

在您的aurelia.json 文件中，您需要列出插件的所有资源。请尝试以下操作：

      {
        "name": "aurelia-tabbed",
        "path": "../node_modules/aurelia-tabbed/dist/amd",
        "main": "index",
        "resources": [
          "tab-content.html",
          "tab-headers.html",
          "tabs-wrapper.html",
          "assets/tabs.css"
        ]
      },

【讨论】：

我刚试了一下，还是不行，同样的错误:-(
真的很奇怪，刚刚用这个插件创建了一个空白的 Aurelia CLI 项目，它对我来说很好用。您使用哪个 CLI 版本？它是一个 TypeScript 项目吗？网页包？
如何查看版本？没有版本文件之类的......它是 Typescript，虽然我在任何地方都看不到 webpack 这个词（为什么必须隐藏所有东西......一个离开的同事设置了这个），可能是
啊，没有 webpack，只有 aurelia cli
你说得对，在一个普通项目中，它可以工作......该死，我现在必须调查我们更大项目的所有细节