ESLint 报错 Unable to resolve path to module 'antd-mobile' import/no-unresolved_eslint unable to resolve path to module ''.js-优快云博客

本文详细介绍了如何解决ESLint无法识别Webpack路径别名的问题，通过配置.eslintrc文件，安装并设置eslint-import-resolver-webpack，实现代码检查与模块解析的无缝对接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不得不说百度真的辣鸡

还是翻墙去谷歌找到了解决方法

解决方法是：在 .eslintrc 中设置

"rules": {
    "import/extensions": [2, "never", { "web.js": "never", "json": "never" }],
    "import/no-extraneous-dependencies": [2, { "devDependencies": true }],
    "import/no-unresolved": [2, { "ignore": ["antd-mobile"] }]
  }

以上的方法不行的话，试试下面的方法：

归根结底的原因是因为eslint不识别webpack的路径别名

安装 eslint-import-resolver-webpack
在.eslinttrc.js中配置

module.exports = {
 root: true,
 'settings': {
   "import/resolver": {
     "webpack": {
     	//此处config对应webpack.config.js的路径，我这个路径是vue-cli3默认的路径
       "config": "node_modules/@vue/cli-service/webpack.config.js"
     }
   }
 }
}

此时引入问题已解决，但是需要引入文件加上后缀名，如果想忽略后缀名，可以继续在eslint配置文件中这样：

/* .eslinttrc.js */

module.exports = {
 root: true,
 'settings': {
   "import/resolver": {
     "webpack": {
       "config": "node_modules/@vue/cli-service/webpack.config.js"
     }
   }
 },
 rules: {
   'import/extensions': ['error', 'always', {
     'js': 'never',
     'vue': 'never'
   }]
 }
}