vue3报错: 找不到模块“path”或其相应的类型声明 && 找不到名称“__dirname”

问题描述

vue3脚手架搭建的项目，在设置别名的时候报错了Error: 找不到模块“path”或其相应的类型声明 && 找不到名称“__dirname”，具体报错截图如下👇：

解决方案

• 安装@type/node依赖

  npm install @types/node --save-dev

  But引发了新的报错Error: 模块 “”path”” 只能在使用 “allowSyntheticDefaultImports” 标志时进行默认导入, 具体报错截图如下👇：
  

• 解决方案：找到根目录的tsconfig.node.json文件，找到compilerOptions对象新增allowSyntheticDefaultImports属性，设置值为true，具体配置如下:

  {
  "compilerOptions": {
    "allowSyntheticDefaultImports": true
  }
  }