我们已经创建了一个插件,其本地演示工作正常。
https://github.com/shaunluttin/aurelia-open-id-connect/tree/master/src
然而,将插件安装到另一个项目中会因为这两个错误的序列而失败,这两个错误都抱怨open-id-connect-user-block.html
视图/视图模型组件。
未捕获的TypeError:plugin.load不是函数
未处理的拒绝错误:模块的加载超时:template-registry-entry!aurelia-open-id-connect / open-id-connect-user-block.html_unnormalized2,template-registry-entry!aurelia-open-id-连接/开放式ID-连接 - 用户block.html,文字!Aurelia路上开-ID-CONNECT /开放式ID-连接 - 用户block.html_unnormalized3,文字!Aurelia路上开-ID-CONNECT /开放式ID-连接用户,block.html http://requirejs.org/docs/errors.html#timeout
在我们的插件的configure
功能中将该组件添加为全局资源。
function configure(config: FrameworkConfiguration, callback: Function) {
config.globalResources("./open-id-connect-user-block");
}
在使用应用程序的configure
函数中添加插件。
export function configure(aurelia: Aurelia) {
aurelia.use
.standardConfiguration()
.plugin("aurelia-open-id-connect", (callback) => callback(oidcConfig));
aurelia.start().then(() => aurelia.setRoot());
}
在使用应用程序的aurelia.json
文件中添加插件。
"bundles": [
{
"name": "open-id-bundle.js",
"dependencies": [
"oidc-client",
{
"name": "aurelia-open-id-connect",
"path": "../node_modules/aurelia-open-id-connect/dist/amd/es5/open-id-connect",
"main": "index"
}
]
},
// other bundles
]
将requirejs/text
插件设为stub:false
。
"plugins": [
{
"name": "text",
"extensions": [
".html",
".css"
],
"stub":false
}
这会产生404新错误:
未处理拒绝错误:src /../ node_modules / aurelia-open-id-connect / dist / amd / es5 / open-id-connect / open-id-connect-user-block.html HTTP状态:404 < / p>
我们在GitHub上看到了这个问题:Installing normal Aurelia plugins, what Im I doing wrong?
stub:false
的{{1}}插件中设置text
。