diff --git a/packages/plugins/@nocobase/plugin-workflow-manual/src/client/index.ts b/packages/plugins/@nocobase/plugin-workflow-manual/src/client/index.ts
index 1a14d0a2e1..dd57574e2d 100644
--- a/packages/plugins/@nocobase/plugin-workflow-manual/src/client/index.ts
+++ b/packages/plugins/@nocobase/plugin-workflow-manual/src/client/index.ts
@@ -16,6 +16,8 @@ export default class extends Plugin {
 
   // You can get and modify the app instance here
   async load() {
+    this.addComponents();
+
     // this.app.addProvider(Provider);
     const workflow = this.app.pm.get('workflow') as WorkflowPlugin;
     const manualInstruction = new Manual();