我正在尝试将aurelia-tabbed包含在我的aurelia项目中(我认为我有最新版本,但我无法在任何地方找到版本号)。我有一个问题,因为我正在使用我的应用程序和供应商js捆绑,我不知道如何包括该包。
我已经尝试在构建>中的aurelia.json中添加它捆绑> (供应商)>依赖关系:
{
"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路径位于根目录)。 但是:为什么这三个电话甚至发出了?这些文件不应该捆绑在一起吗?
答案 0 :(得分: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"
]
},