框架搭建参考如下文: 

从 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原文如下:

vue.js - Vue 3 on Vite.js with Eslint — Unable to resolve path to module eslint(import/no-unresolved) - Stack Overflowhttps://stackoverflow.com/questions/67835072/vue-3-on-vite-js-with-eslint-unable-to-resolve-path-to-module-eslintimport-no 

Logo

前往低代码交流专区

更多推荐