diff --git a/src/views/flow/components/ParamsDrawer.vue b/src/views/flow/components/ParamsDrawer.vue
index d26cd31..a0db56c 100644
--- a/src/views/flow/components/ParamsDrawer.vue
+++ b/src/views/flow/components/ParamsDrawer.vue
@@ -27,23 +27,22 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue'
+import { computed, defineAsyncComponent, ref } from 'vue'
 import { emitter } from '@/utils/eventBus'
 
-// 导入各子组件
-import StartParams from './params/StartParams.vue'
-import BasicNodeParams from './params/BasicNodeParams.vue'
-import CodeNodeParams from './params/CodeNodeParams.vue'
-import HttpNodeParams from './params/HttpNodeParams.vue'
-import SdAgentNodeParams from './params/SdAgentNodeParams.vue'
-import RecognizeNodeParams from './params/RecognizeNodeParams.vue'
-import DeviceUniversal from './params/DeviceUniversal.vue'
-import SwitchNodeParams from './params/SwitchNodeParams.vue'
-import ActionQueueParams from './params/ActionQueueParams.vue'
-import MediaAnalysisParams from './params/MediaAnalysisParams.vue'
-import ImageAnalysisParams from './params/ImageAnalysisParams.vue'
-import EndParams from './params/EndParams.vue'
-import SubFlowParams from './params/SubFlowParams.vue'
+const StartParams = defineAsyncComponent(() => import('./params/StartParams.vue'))
+const BasicNodeParams = defineAsyncComponent(() => import('./params/BasicNodeParams.vue'))
+const CodeNodeParams = defineAsyncComponent(() => import('./params/CodeNodeParams.vue'))
+const HttpNodeParams = defineAsyncComponent(() => import('./params/HttpNodeParams.vue'))
+const SdAgentNodeParams = defineAsyncComponent(() => import('./params/SdAgentNodeParams.vue'))
+const RecognizeNodeParams = defineAsyncComponent(() => import('./params/RecognizeNodeParams.vue'))
+const DeviceUniversal = defineAsyncComponent(() => import('./params/DeviceUniversal.vue'))
+const SwitchNodeParams = defineAsyncComponent(() => import('./params/SwitchNodeParams.vue'))
+const ActionQueueParams = defineAsyncComponent(() => import('./params/ActionQueueParams.vue'))
+const MediaAnalysisParams = defineAsyncComponent(() => import('./params/MediaAnalysisParams.vue'))
+const ImageAnalysisParams = defineAsyncComponent(() => import('./params/ImageAnalysisParams.vue'))
+const EndParams = defineAsyncComponent(() => import('./params/EndParams.vue'))
+const SubFlowParams = defineAsyncComponent(() => import('./params/SubFlowParams.vue'))
 
 const props = defineProps({
   drawer: Boolean,
diff --git a/src/views/flow/components/params/CodeNodeParams.vue b/src/views/flow/components/params/CodeNodeParams.vue
index bdac619..e854d48 100644
--- a/src/views/flow/components/params/CodeNodeParams.vue
+++ b/src/views/flow/components/params/CodeNodeParams.vue
@@ -197,7 +197,7 @@
 import { ref, reactive, watch, nextTick, onBeforeUnmount, onMounted } from 'vue'
 import { Plus, Minus } from '@element-plus/icons-vue'
 import FormItemRecursive from '../FormItemRecursive.vue'
-import * as monaco from 'monaco-editor';
+import * as monaco from '../../monaco.js'
 import { getInput } from '@/utils/flow'
 import { useQuote } from './useQuote.js'
 
diff --git a/src/views/flow/components/params/DeviceUniversal.vue b/src/views/flow/components/params/DeviceUniversal.vue
index b3f1b95..34a62ef 100644
--- a/src/views/flow/components/params/DeviceUniversal.vue
+++ b/src/views/flow/components/params/DeviceUniversal.vue
@@ -202,7 +202,7 @@ import { ref, reactive, watch, nextTick, onBeforeUnmount, onMounted } from 'vue'
 import { Plus, Minus } from '@element-plus/icons-vue'
 import FormItemRecursive from '../FormItemRecursive.vue'
 import RobotExecutionTarget from './RobotExecutionTarget.vue'
-import * as monaco from 'monaco-editor';
+import * as monaco from '../../monaco.js'
 import { getInput } from '@/utils/flow'
 import { useQuote } from './useQuote.js'
 import { ElMessage } from 'element-plus'
diff --git a/src/views/flow/components/params/HttpNodeParams.vue b/src/views/flow/components/params/HttpNodeParams.vue
index b3417fb..f4fddb4 100644
--- a/src/views/flow/components/params/HttpNodeParams.vue
+++ b/src/views/flow/components/params/HttpNodeParams.vue
@@ -338,7 +338,7 @@
 import { ref, reactive, watch, nextTick, onMounted, onBeforeUnmount } from 'vue'
 import { Plus, Minus } from '@element-plus/icons-vue'
 import FormItemRecursive from '../FormItemRecursive.vue'
-import * as monaco from 'monaco-editor';
+import * as monaco from '../../monaco.js'
 import { getInput, transformHttpNodeData } from '@/utils/flow'
 import { useQuote } from './useQuote.js'
 
diff --git a/src/views/flow/monaco.js b/src/views/flow/monaco.js
new file mode 100644
index 0000000..0f82180
--- /dev/null
+++ b/src/views/flow/monaco.js
@@ -0,0 +1,6 @@
+import 'monaco-editor/esm/vs/editor/editor.all.js'
+import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js'
+import 'monaco-editor/esm/vs/language/json/monaco.contribution.js'
+import 'monaco-editor/esm/vs/language/typescript/monaco.contribution.js'
+
+export * from 'monaco-editor/esm/vs/editor/editor.api.js'