如何使用 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