vue-cli@4 vue3 +ts autoimport报错问题解决

在这里插入图片描述

  1. 下载 unplugin-auto-import插件
    npm install unplugin-auto-import -D
  2. vue.config.js修改配置
const AutoImport = require("unplugin-auto-import/webpack");
configureWebpack :{
	plugins:[
		AutoImport({
			 //自动引入vue vue-router pinia api
	        imports: ['vue', 'vue-router','pinia'],
	        eslintrc: {
	         //先设置成true npm run dev后会生成.eslintrc-auto-import.json 然后改成false 生成一次就行
	          enabled: true, // Default `false`,
	          //生成ts声明文件
      		  dts: "typings/auto-imports.d.ts",
	        },
		})
	]
}

3…eslintrc.js 修改配置

extends:[
	plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/typescript/recommended',
    'plugin:prettier/recommended',
    //增加这一行
    './.eslintrc-auto-import.json',
]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值