uni-app Cannot find module 'eslint-plugin-vue'

uni-app Cannot find module ‘eslint-plugin-vue’

操作步骤：

【工具】——【插件安装】—— 【升级】——【安装成功】
【工具】——【设置】——【插件配置】——勾选【启用时校验】——【打开文件.eslintrc.js进行配置】——添加校验规则——‘quotes’: [2, ‘single’] , // 单引号

预期结果：

页面定义变量
let city="北京"
从双引号变成单引号

实际结果：

Error: Failed to load plugin 'vue' declared in 'BaseConfig': Cannot find module 'eslint-plugin-vue'

bug描述：

把eslint-plugin-vue升级到1.1.5版本后启用校验报错：

[eslint-vue] 17:53:22.909 Error: Failed to load plugin 'vue' declared in 'BaseConfig': Cannot find module 'eslint-plugin-vue'
[eslint-vue] 17:53:22.914 Require stack:
[eslint-vue] 17:53:22.923 - D:\HBuilderX\HBuilderX\bin__placeholder__.js
[eslint-vue] 17:53:22.932 Referenced from: BaseConfig
[eslint-vue] 17:53:22.935     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)
[eslint-vue] 17:53:22.936     at Function.resolve (internal/modules/cjs/helpers.js:80:19)
[eslint-vue] 17:53:22.937     at Object.resolve (D:\HBuilderX\HBuilderX\plugins\eslint-vue\node_modules\@eslint\eslintrc\dist\eslintrc.cjs:2325:46)
[eslint-vue] 17:53:22.940     at ConfigArrayFactory._loadPlugin (D:\HBuilderX\HBuilderX\plugins\eslint-vue\node_modules\@eslint\eslintrc\dist\eslintrc.cjs:3376:33)
[eslint-vue] 17:53:22.940     at ConfigArrayFactory._loadExtendedPluginConfig (D:\HBuilderX\HBuilderX\plugins\eslint-vue\node_modules\@eslint\eslintrc\dist\eslintrc.cjs:3196:29)
[eslint-vue] 17:53:22.941     at ConfigArrayFactory._loadExtends (D:\HBuilderX\HBuilderX\plugins\eslint-vue\node_modules\@eslint\eslintrc\dist\eslintrc.cjs:3117:29)
[eslint-vue] 17:53:22.943     at ConfigArrayFactory._normalizeObjectConfigDataBody (D:\HBuilderX\HBuilderX\plugins\eslint-vue\node_modules\@eslint\eslintrc\dist\eslintrc.cjs:3058:25)
[eslint-vue] 17:53:22.945     at _normalizeObjectConfigDataBody.next (<anonymous>)
[eslint-vue] 17:53:22.947     at ConfigArrayFactory._normalizeObjectConfigData (D:\HBuilderX\HBuilderX\plugins\eslint-vue\node_modules\@eslint\eslintrc\dist\eslintrc.cjs:3003:20)
[eslint-vue] 17:53:22.949     at _normalizeObjectConfigData.next (<anonymous>)

而且升级后在开发工具的【外部命令配置】里面缺少了【eslint-plugin-vue】和【eslint-js】

Image 1
Image 2
Image 3
Image 4


更多关于uni-app Cannot find module 'eslint-plugin-vue'的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app Cannot find module 'eslint-plugin-vue'的实战教程也可以访问 https://www.itying.com/category-93-b0.html


The error “Cannot find module ‘eslint-plugin-vue’” in a uni-app project typically occurs when the eslint-plugin-vue package is missing or not installed correctly. This package is required for linting Vue.js code in your project.

Here’s how you can resolve the issue:

1. Install eslint-plugin-vue

Run the following command in your project directory to install the missing package:

npm install eslint-plugin-vue --save-dev

or if you’re using Yarn:

yarn add eslint-plugin-vue --dev

2. Check Your ESLint Configuration

Ensure that eslint-plugin-vue is properly referenced in your ESLint configuration file (.eslintrc.js or .eslintrc.json). It should look something like this:

module.exports = {
  plugins: ['vue'],
  extends: [
    'plugin:vue/recommended', // or 'plugin:vue/essential'
  ],
  rules: {
    // Your custom rules here
  },
};

3. Verify Node Modules

If the issue persists, your node_modules folder might be corrupted. Try deleting it and reinstalling all dependencies:

rm -rf node_modules
npm install

or with Yarn:

rm -rf node_modules
yarn install

4. Check ESLint Version Compatibility

Ensure that the version of eslint-plugin-vue is compatible with your ESLint version. You can check the compatibility in the eslint-plugin-vue documentation.

5. Restart Your Development Server

After making the above changes, restart your development server to ensure the changes take effect:

npm run dev

or

yarn dev

6. Global Installation (Optional)

If the issue persists, you can try installing eslint-plugin-vue globally:

npm install -g eslint-plugin-vue
回到顶部