Angular 6 和 Sharepoint SPFX
Angular 6 and Sharepoint SPFX
只是想知道是否有人有关于 运行 和 angular Sharepoint SPFX 6 应用程序的任何示例或 link 说明。
我在 Angular 5 中遵循了这个示例,但是一旦我升级了 angular 依赖项
,它就不起作用了
https://www.youtube.com/watch?v=_OgEqWtouuU
当我尝试添加 Web 部件时,我在 SPFX workbench 上遇到的错误是
[SPLoaderError.loadComponentError]:
***Failed to load component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
Original error: ***loadComponent() returned an empty object for component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
***INNERERROR:
***loadComponent() returned an empty object for component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
***CALLSTACK:
Error
at SPLoaderError.SPError [as constructor] (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:10183:24)
at new SPLoaderError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:4211:28)
at Function.ErrorBuilder.buildErrorWithVerboseLog (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3821:21)
at Function.ErrorBuilder.buildLoadComponentError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3743:21)
at https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:7952:38
代码可以在这个link https://drive.google.com/file/d/1iF1Low1VYlK0RFYXf1KILZfcEuLnMIjx/view?usp=sharing
非常感谢任何帮助。
谢谢
达米恩
我设法让它工作 运行 一个独立的 Angular 解决方案,并从 Angular 自定义元素启动应用程序,如下所示:
export class AppModule {
constructor(private injector: Injector) { }
ngDoBootstrap(appRef: ApplicationRef) {
if (!customElements.get('app-root')) {
const helloElement = createCustomElement(AppComponent, { injector: this.injector });
customElements.define('app-root', helloElement);
}
}
还有我的 git 回购:https://github.com/clementlepere/SPFX-AngularElements
它仍然是 WIP,当 运行 构建脚本时我遇到了一些编码问题(在 运行 gulp 服务之前使用像记事本++这样的编码转换器修复)
只是想知道是否有人有关于 运行 和 angular Sharepoint SPFX 6 应用程序的任何示例或 link 说明。
我在 Angular 5 中遵循了这个示例,但是一旦我升级了 angular 依赖项
,它就不起作用了https://www.youtube.com/watch?v=_OgEqWtouuU
当我尝试添加 Web 部件时,我在 SPFX workbench 上遇到的错误是
[SPLoaderError.loadComponentError]:
***Failed to load component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
Original error: ***loadComponent() returned an empty object for component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
***INNERERROR:
***loadComponent() returned an empty object for component "a884f6f5-e74c-4932-972f-0e1431147413" (AppWebPart).
***CALLSTACK:
Error
at SPLoaderError.SPError [as constructor] (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:10183:24)
at new SPLoaderError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:4211:28)
at Function.ErrorBuilder.buildErrorWithVerboseLog (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3821:21)
at Function.ErrorBuilder.buildLoadComponentError (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:3743:21)
at https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader-assembly_en-us.js:7952:38
代码可以在这个link https://drive.google.com/file/d/1iF1Low1VYlK0RFYXf1KILZfcEuLnMIjx/view?usp=sharing
非常感谢任何帮助。
谢谢 达米恩
我设法让它工作 运行 一个独立的 Angular 解决方案,并从 Angular 自定义元素启动应用程序,如下所示:
export class AppModule {
constructor(private injector: Injector) { }
ngDoBootstrap(appRef: ApplicationRef) {
if (!customElements.get('app-root')) {
const helloElement = createCustomElement(AppComponent, { injector: this.injector });
customElements.define('app-root', helloElement);
}
}
还有我的 git 回购:https://github.com/clementlepere/SPFX-AngularElements
它仍然是 WIP,当 运行 构建脚本时我遇到了一些编码问题(在 运行 gulp 服务之前使用像记事本++这样的编码转换器修复)