npm init nuxt-app 结果出现问题“无法加载在‘.eslintrc.js » @nuxtjs/eslint-config’中声明的插件‘unicorn’”

Question

I was trying to create Nuxt app using the command

npm init nuxt-app

by installing the project, it results in this error

npm init nuxt-app results a problem "Failed to load plugin 'unicorn' declared in '.eslintrc.js » @nuxtjs/eslint-config'"

while building the project as shown below

below my is my .eslintrc.js sitting, can anyone plz help me

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true,
  },
  parserOptions: {
    parser: '@babel/eslint-parser',
    requireConfigFile: false,
  },
  extends: ['@nuxtjs', 'plugin:nuxt/recommended', 'prettier'],
  plugins: [],
  // add your custom rules here
  rules: {},
}

Answer 1

I just Used another version of nodejs (16.0.0) and all is good.

Answer 2

This error message indicates that the unicorn plugin, which is a dependency of the @nuxtjs/eslint-config package, is not installed or not properly configured.

To fix this issue, you can try the following steps:

1- Make sure that you have the unicorn plugin installed. You can install it by running the following command:

npm install --save-dev eslint-plugin-unicorn

2- Check the configuration in your.eslintrc.js file to ensure that the unicorn plugin is properly configured. The configuration should look something like this:

module.exports = {
  extends: [
    '@nuxtjs/eslint-config'
  ],
  plugins: [
    'unicorn'
  ]
}

3- If the unicorn plugin is already installed and properly configured, you may need to try clearing the npm cache to resolve the issue. You can do this by running the following command:

npm cache clean --force

After completing these steps, you should be able to create a Nuxt app using the npm init nuxt-app command.