首页 前端知识 vue-cli@4 vue3 ts autoimport报错问题解决

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

2024-08-10 00:08:14 前端知识 前端哥 508 80 我要收藏

在这里插入图片描述

  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',
]
转载请注明出处或者链接地址:https://www.qianduange.cn//article/15168.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!