Vue.js 项目中 'Module not found' 错误解决方法

在 Vue.js 项目中，如果遇到类似于 'Module not found: Error: Can't resolve '@/utils/common' in 'F:\blog-hao\src'' 的错误信息，这通常意味着在 src/main.ts 文件中无法找到 @/utils/common、@/utils/constant 和 @/router/index 这几个模块。

以下是解决此类错误的详细步骤：

1. 检查路径配置：

确保 @ 符号在代码中被正确解析为项目根目录。这通常由项目的别名配置决定，请检查项目的配置文件（例如 vue.config.js、webpack.config.js）或构建工具配置文件，确认别名的配置是否正确。

2. 确保文件存在：

确保 @/utils/common.ts、@/utils/constant.ts 和 @/router/index.ts 这几个文件确实存在于 F:\blog-hao\src 目录或其子目录中。

3. 检查依赖项：

确保你的项目中已经安装了所有需要的依赖项。建议删除 node_modules 文件夹和 package-lock.json 或 yarn.lock 文件，然后重新运行 npm install 或 yarn install 来安装项目所需的依赖项。

4. 检查 ESLint 配置：

错误信息中提到了无法加载 ESLint 配置 '@vue/typescript/recommended'。请确保你的配置文件中正确引入了该配置，并且该配置文件存在于项目根目录下的 .eslintrc.js 或 .eslintrc.json 文件中。

如果以上步骤都无法解决问题，可以尝试以下操作：

仔细检查你的项目配置文件和路径设置，确保没有其他配置项影响到模块的解析。
在技术社区或论坛上搜索类似的错误信息，或者发帖咨询其他开发者以获取更详细的帮助。

希望以上信息能够帮助你解决 'Module not found' 错误！