VS Code插件开发中，绝对路径JS模块导入及运行时错误解决方案
许多VS Code插件开发者在使用绝对路径导入JS模块时遇到问题：代码提示正常，但运行时却报错“cannot find module”。本文将详细解释如何解决此问题。
问题：
开发者使用jsconfig.js配置路径别名：
{
"compilerOptions": {
"module": "node16",
"target": "es2022",
"checkJs": true,
"lib": [
"es2022"
],
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
},
"exclude": [
"node_modules"
]
}
尝试使用const testutil = require('@/util/testutil.js');导入src/util/testutil.js模块。VS Code的智能提示功能正常，但运行时报错。
原因：
jsconfig.js的paths配置仅用于VS Code的代码提示，不影响Node.js的模块加载机制。Node.js的require函数不识别jsconfig.js中定义的路径别名@。
解决方案：
解决方法不在于修改jsconfig.js，而在于在构建流程中配置路径别名。这类似于Webpack的alias配置：
alias: {
'@': path.resolve(__dirname, 'src')
}
您需要在构建工具（Webpack、Parcel等）的配置文件中添加类似的路径别名配置。构建工具在打包时会正确解析@路径别名，从而解决运行时模块找不到的问题。只有在构建过程中正确处理了路径别名，require函数才能找到对应的模块。
通过在构建步骤中添加路径别名，而不是依赖jsconfig.js，可以确保Node.js正确加载模块，从而解决运行时错误。
