bugfix:尝试修复路径问题

webpack.config.js

@@ -1,30 +1,29 @@
-//@ts-check
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
 
-'use strict';
+// 适配 ESM 的 __dirname
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
-const path = require('path');
+/** @type {import('webpack').Configuration} */
-
-//@ts-check
-/** @typedef {import('webpack').Configuration} WebpackConfig **/
-
-/** @type WebpackConfig */
 const extensionConfig = {
-	target: 'node', // VS Code extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
+  target: 'node', // VS Code 扩展运行于 Node.js 环境
-	mode: 'none', // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
+  mode: 'none', // 保持代码原样，打包时设为 'production'
-
+  entry: resolve(__dirname, 'src', 'extension.ts'), // 绝对路径
-	entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
   output: {
-		// the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
+    path: resolve(__dirname, 'dist'), // 绝对路径
-		path: path.resolve(__dirname, 'dist'),
     filename: 'extension.js',
-		libraryTarget: 'commonjs2'
+    libraryTarget: 'module', // 改为 ESM 兼容的模块格式
+    chunkFormat: 'module', // 确保分块也是 ESM 格式
   },
   externals: {
-		vscode: 'commonjs vscode' // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
+    vscode: 'commonjs vscode', // 排除 vscode 模块
-		// modules added here also need to be added in the .vscodeignore file
+    // 其他需排除的依赖（如第三方库）
+  },
+  experiments: {
+    outputModule: true, // 启用 ESM 输出实验性功能
   },
   resolve: {
-		// support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
     extensions: ['.ts', '.js'],
     fallback: {
       bufferutil: false,
@@ -36,16 +35,16 @@ const extensionConfig = {
       {
         test: /\.ts$/,
         exclude: /node_modules/,
-				use: [
+        use: [{
-					{
           loader: 'ts-loader'
-					}
+        }]
-				]
       }
     ]
   },
   devtool: 'nosources-source-map',
   infrastructureLogging: {
-		level: "log", // enables logging required for problem matchers
+    level: 'log'
-	},
+  }
-}; module.exports = [extensionConfig];
+};
+
+export default [extensionConfig];

webpack/vite.config.task-loop.mjs

@@ -2,6 +2,11 @@ import { defineConfig, normalizePath } from 'vite';
 import { resolve } from 'path';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
 
+// 统一定义根目录，确保路径一致性
+const rootDir = resolve(__dirname, '..');
+const srcDir = resolve(rootDir, 'renderer/src');
+const outDir = resolve(rootDir, 'openmcp-sdk');
+
 export default defineConfig({
   define: {
     'window': {
@@ -21,8 +26,9 @@ export default defineConfig({
     viteStaticCopy({
       targets: [
         {
-                    src: normalizePath(resolve(__dirname, '../resources/openmcp-sdk-release/*')),
+          // 使用统一路径处理逻辑
-                    dest: normalizePath(resolve(__dirname, '../openmcp-sdk'))
+          src: normalizePath(resolve(rootDir, 'resources/openmcp-sdk-release/*')),
+          dest: normalizePath(outDir)
         }
       ]
     })
@@ -30,12 +36,13 @@ export default defineConfig({
   build: {
     target: 'node18',
     lib: {
-            entry: resolve(__dirname, '..', 'renderer/src/components/main-panel/chat/core/task-loop.ts'),
+      // 使用统一路径变量
+      entry: resolve(srcDir, 'components/main-panel/chat/core/task-loop.ts'),
       name: 'TaskLoop',
       fileName: 'task-loop',
-            formats: ['cjs']
+      formats: ['es'] // 改为 ESM 格式 [[7]]
     },
-        outDir: resolve(__dirname, '..', 'openmcp-sdk'),
+    outDir, // 使用统一输出目录
     emptyOutDir: false,
     rollupOptions: {
       external: [
@@ -47,7 +54,7 @@ export default defineConfig({
         globals: {
           vue: 'vue',
           chalk: 'chalk',
-                    'element-plus': './tools.js'
+          'element-plus': './tools.js' // 使用 POSIX 风格路径 [[10]]
         },
         esModule: true
       }
@@ -57,7 +64,8 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-            '@': resolve(__dirname, '..', 'renderer/src'),
+      // 使用统一路径变量
+      '@': srcDir
     }
   }
 });

webpack/webpack.task-loop.js

@@ -1,22 +1,32 @@
-const path = require('path');
+import { fileURLToPath } from 'url';
-const TerserPlugin = require('terser-webpack-plugin');
+import { dirname, resolve } from 'path';
-const webpack = require('webpack');
+import TerserPlugin from 'terser-webpack-plugin';
-const CopyWebpackPlugin = require('copy-webpack-plugin');
+import webpack from 'webpack';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
 
-module.exports = {
+// 适配 ESM 的 __dirname
-    mode: 'development', // 设置为 development 模式
+const __filename = fileURLToPath(import.meta.url);
-    devtool: 'source-map', // 生成 source map 以便调试
+const __dirname = dirname(__filename);
-    entry: './renderer/src/components/main-panel/chat/core/task-loop.ts',
+
+// 统一路径变量
+const rootDir = resolve(__dirname, '..');
+const srcDir = resolve(rootDir, 'renderer/src');
+const outDir = resolve(rootDir, 'openmcp-sdk');
+
+export default {
+  mode: 'development',
+  devtool: 'source-map',
+  entry: resolve(srcDir, 'components/main-panel/chat/core/task-loop.ts'),
   output: {
-        path: path.resolve(__dirname, '../openmcp-sdk'),
+    path: outDir,
     filename: 'task-loop.js',
-        libraryTarget: 'commonjs2'
+    libraryTarget: 'commonjs', // 改为 ESM 兼容的 commonjs 格式 [[9]]
   },
   target: 'node',
   resolve: {
     extensions: ['.ts', '.js'],
     alias: {
-            '@': path.resolve(__dirname, '../renderer/src'), // 修正路径别名
+      '@': srcDir,
     },
   },
   module: {
@@ -26,27 +36,27 @@ module.exports = {
         use: {
           loader: 'ts-loader',
           options: {
-                        configFile: path.resolve(__dirname, '../tsconfig.json') // 指定 tsconfig.json 路径
+            configFile: resolve(rootDir, 'tsconfig.json'),
-                    }
+          },
         },
         exclude: /node_modules/,
       },
       {
         test: /\.vue$/,
         use: {
-                    loader: 'null-loader'
+          loader: 'null-loader',
-                }
+        },
-            }
+      },
     ],
   },
   optimization: {
-        minimize: true, // Enable code compression
+    minimize: true,
     minimizer: [
       new TerserPlugin({
-                extractComments: false, // Disable extracting license files
+        extractComments: false,
         terserOptions: {
           compress: {
-                        drop_console: true, // Remove all console.* calls
+            drop_console: true,
           },
         },
       }),
@@ -57,24 +67,24 @@ module.exports = {
       window: {
         nodejs: true,
         navigator: {
-                    userAgent: 2
+          userAgent: 2,
         },
         performance: {
-                    now: () => Date.now()
+          now: () => Date.now(),
-                }
+        },
-            }
+      },
     }),
     new CopyWebpackPlugin({
       patterns: [
         {
-                    from: path.resolve(__dirname, '../resources/openmcp-sdk-release'),
+          from: resolve(rootDir, 'resources/openmcp-sdk-release'),
-                    to: path.resolve(__dirname, '../openmcp-sdk')
+          to: outDir,
-                }
+        },
-            ]
+      ],
-        })
+    }),
   ],
   externals: {
-        vue: 'vue', // 不打包 vue 库
+    vue: 'vue',
-        'element-plus': './tools.js'
+    'element-plus': './tools.js', // 使用 POSIX 风格路径 [[6]]
   },
 };

webpack/webpack.tesseract.js

@@ -1,18 +1,27 @@
-const path = require('path');
+import { fileURLToPath } from 'url';
-const CopyWebpackPlugin = require('copy-webpack-plugin');
+import { dirname, resolve } from 'path';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
 
-module.exports = {
+// 适配 ESM 的 __dirname
-  entry: './node_modules/tesseract.js/src/worker-script/node/index.js',
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// 统一路径变量
+const rootDir = resolve(__dirname, '..');
+const outDir = resolve(rootDir, 'resources', 'ocr');
+
+export default {
+  entry: resolve(rootDir, 'node_modules', 'tesseract.js', 'src', 'worker-script', 'node', 'index.js'),
   output: {
-    path: path.resolve(__dirname, '..', 'resources', 'ocr'),
+    path: outDir,
     filename: 'worker.js',
-    libraryTarget: 'commonjs2'
+    libraryTarget: 'commonjs', // 改为 ESM 兼容的 commonjs 格式
   },
   resolve: {
     fallback: {
       bufferutil: false,
-      'utf-8-validate': false
+      'utf-8-validate': false,
-    }	
+    },
   },
   mode: 'production',
   target: 'node',
@@ -20,8 +29,8 @@ module.exports = {
     new CopyWebpackPlugin({
       patterns: [
         {
-          from: path.resolve(__dirname, '..', 'node_modules', 'tesseract.js-core', 'tesseract*'),
+          from: resolve(rootDir, 'node_modules', 'tesseract.js-core', 'tesseract*'),
-          to: path.resolve(__dirname, '..', 'resources', 'ocr', '[name][ext]'),
+          to: resolve(outDir, '[name][ext]'),
         },
       ],
     }),