css - 如何使用 SPFX 将 CSS 或 JavaScript 注入 SharePoint 现代页面

Question

我已经实现了 SPFX 扩展，将 CSS 和 JS 注入到 Sharepoint 现代页面。我可以在现场部署它而不会出现任何错误。但它正在渲染我的自定义 CSS 和脚本

如何调试它以查看问题出在哪里？

我已经参考了这个链接来实现它：https ://github.com/hugoabernier/react-application-injectcss

Answer 1

@用户9989023，

可以打开 F12 工具查看 css/js 文件是否已经加载。或者您可以添加断点并通过远程工作台进行调试。

• https://docs.microsoft.com/en-us/sharepoint/dev/spfx/debug-in-vscode#debug-solution-using-hosted-workbench

下面是一个关于如何注入 CSS/JS 的演示：

• https://github.com/kongmengfei/SharedSPFx/blob/master/app-extension-js/src/extensions/helloWorld/HelloWorldApplicationCustomizer.ts

结果：

更多参考：

• https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-extensions/

BR