vscode编辑器问题

109 阅读1分钟

快速重启

Mac:shift + command + p,打开控制面板,输入"reload window"

vue项目的入口文件main.js无法跳转到定义模块

在根目录下新建jsconfig.json文件,输入以下内容:

{
  "compilerOptions": {
    "target": "es6",
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
  },
  "exclude": ["node_modules", "dist"],
  "include": ["src/**/*"],
}

新建文件后,需重新加载项目,快捷键为:shift + command + p,打开控制面板后,输入reload project

ts文件中引入js文件,编辑器提示找不到模块

在ts文件中引入js文件,提示ts(7016)错误,找不到模块

原因: js文件没有类型声明文件,导致引入的文件被编辑器推断为any类型,在没有任何配置文件的情况下,如果存在any类型的变量,编辑器会提示错误。

解决方案: 在tsconfig.json文件中,添加如下配置:

"compilerOptions": {
    "noImplicitAny": false
}

弊端: 添加这项设置后,后续定义任何any类型的变量都不会再有错误提示

vue3的单文件组件,在setup中未添加lang="ts",编辑器提示错误

解决方案:在tsconfig.json文件中,添加如下配置:

"compilerOptions": {
    "allowJs": true
}