从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境 – 掘金
1、eslint不识别路径别名
报错:ESLint: Unable to resolve path to module ‘@/views/home.vue’.(import/no-unresolved)
描述:
在vite.config.ts
配置了路径别名
1 2 3 4 5 6 7 8 |
export default defineConfig({ ... resolve: { alias: { '@': resolve(__dirname, 'src') // 设置 `@` 指向 `src` 目录 } } } |
解决:
安装组件
1 |
npm i eslint-import-resolver-alias -D |
在.eslintrc.js
文件中添加如下配置
1 2 3 4 5 6 7 8 9 10 11 12 |
module.exports = { ... settings: { // 解决eslint不识别路径别名 'import/resolver': { alias: { map: [['@', './src/']], extensions: ['.js', '.vue'] } } } } |
2、报错
报错:ESLint: ‘vite’ should be listed in the project’s dependencies, not devDependencies.(import/no-extraneous-dependencies)
解决:
1 2 3 4 5 6 |
module.exports = { ... rules: { 'import/no-extraneous-dependencies': ['error', { devDependencies: true }] }, } |