diff --git a/web/plugins/com.msgbyte.bbcode/src/bbcode/index.tsx b/web/plugins/com.msgbyte.bbcode/src/bbcode/index.tsx
index b46a526d..c62b4e8f 100644
--- a/web/plugins/com.msgbyte.bbcode/src/bbcode/index.tsx
+++ b/web/plugins/com.msgbyte.bbcode/src/bbcode/index.tsx
@@ -1,7 +1,6 @@
 import React, { Fragment } from 'react';
 import bbcodeParser from './parser';
 import urlRegex from 'url-regex';
-import '../tags/__all__';
 
 /**
  * 客户端预处理文本
@@ -24,11 +23,9 @@ export function preProcessText(plainText: string): string {
 interface BBCodeProps {
   plainText: string;
 }
-const BBCode: React.FC<BBCodeProps> = React.memo(({ plainText }) => {
+export const BBCode: React.FC<BBCodeProps> = React.memo(({ plainText }) => {
   const bbcodeComponent = bbcodeParser.render(preProcessText(plainText));
 
   return <Fragment>{bbcodeComponent}</Fragment>;
 });
 BBCode.displayName = 'BBCode';
-
-export default BBCode;
diff --git a/web/plugins/com.msgbyte.bbcode/src/index.tsx b/web/plugins/com.msgbyte.bbcode/src/index.tsx
index 2d1a6dbc..ab5635f4 100644
--- a/web/plugins/com.msgbyte.bbcode/src/index.tsx
+++ b/web/plugins/com.msgbyte.bbcode/src/index.tsx
@@ -5,7 +5,7 @@ import {
   regMessageTextDecorators,
 } from '@capital/common';
 
-const BBCode = Loadable(() => import('./bbcode'));
+const BBCode = Loadable(() => import('./render'));
 
 regMessageRender((message) => {
   return <BBCode plainText={message} />;
diff --git a/web/plugins/com.msgbyte.bbcode/src/render.ts b/web/plugins/com.msgbyte.bbcode/src/render.ts
new file mode 100644
index 00000000..6d5a3c66
--- /dev/null
+++ b/web/plugins/com.msgbyte.bbcode/src/render.ts
@@ -0,0 +1,4 @@
+import { BBCode } from './bbcode';
+import './tags/__all__';
+
+export default BBCode;