Rails 5.1项目配置eslint-plugin-vue报错：找不到模块

别担心，这个问题在Node生态里特别常见，尤其是刚接触的朋友，我给你梳理几个排查方向：

• 第一步：确认项目本地是否安装了eslint-plugin-vue
  先打开项目根目录下的package.json文件，看看devDependencies或者dependencies里有没有eslint-plugin-vue这个包。如果没有的话，在项目根目录运行对应的安装命令：

  • 用npm的话：npm install eslint-plugin-vue --save-dev
  • 用yarn的话：yarn add eslint-plugin-vue --dev
    这个命令会把插件安装到你的项目本地依赖里，而不是全局。

• 第二步：避免全局ESLint和本地依赖不匹配的问题
  从报错路径/usr/local/lib/node_modu...能看出来，你现在用的是全局安装的ESLint，但如果插件只装在项目本地，全局ESLint是找不到它的。解决方法有两个：

  1. 优先推荐用npx来运行本地的ESLint：npx eslint javascript/ --ext .vue，npx会自动找到项目里安装的ESLint版本和对应的插件。
  2. 如果一定要用全局ESLint，那就把插件也全局安装：npm install -g eslint-plugin-vue，不过这种方式容易出现不同项目依赖版本不一致的问题，不太推荐。

• 第三步：检查.eslintrc.js的配置是否正确
  确认你的.eslintrc.js里，plugins数组里已经包含了vue，比如：

  module.exports = {
    // ...其他配置
    plugins: ['vue'],
    extends: [
      'plugin:vue/recommended' // 或者你用的其他vue规则集
    ]
  }
  

  如果配置里写了plugins: ['vue']但没装插件，就会触发这个报错，所以先确保插件安装完成。

• 第四步：清理依赖缓存（如果上面步骤都无效）
  有时候Node的缓存会导致依赖加载异常，你可以尝试清理缓存后重新安装：

  • npm：npm cache clean --force，然后重新运行npm install
  • yarn：yarn cache clean，然后重新运行yarn install

内容的提问来源于stack exchange，提问作者timpone