vue3框架搭建配置出现Unable to resolve path to module ‘@/xxx‘ eslint 错误解决办法
框架搭建参考如下文:从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境 - 掘金从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境,涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。https://juejin.cn/post/6951649464637636622#heading-14按照文章直到[#解决 Pret
·
框架搭建参考如下文:
从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境 - 掘金从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境,涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。https://juejin.cn/post/6951649464637636622#heading-14按照文章直到[#解决 Prettier 和 ESLint 的冲突]这一步骤完成后, 发现页面的引入都出现了eslint提示, 但是项目能正常运行.
如何解决这个提示. 在stackoverflow上找到了答案:
// 根目录的.eslintrc.js文件
module.exports = {
env: {
browser: true,
es2021: true
},
extends: [
'plugin:vue/essential',
'plugin:import/recommended', // ***1.解决引入问题
'airbnb-base',
'plugin:prettier/recommended'
],
settings: {
'import/resolver': {
alias: {
map: [['@', './src']],
extensions: ['.js', '.jsx'] // ***2.解决引入问题
}
}
},
parserOptions: {
ecmaVersion: 13,
parser: '@typescript-eslint/parser',
sourceType: 'module'
},
plugins: ['vue', '@typescript-eslint'],
rules: {}
}
stackoverflow原文如下:
更多推荐
已为社区贡献20条内容
所有评论(0)