在React项目中安装styled-components时出现ESLINT相关错误求助

• 确认安装命令正确，执行对应包管理器的命令：
  npm：npm install styled-components
  yarn：yarn add styled-components

• 针对ESLint相关报错，按以下步骤排查：

  1. 安装styled-components专属ESLint插件：
     npm install eslint-plugin-styled-components --save-dev
  2. 在项目的ESLint配置文件（如.eslintrc.js、.eslintrc.json）中配置插件与规则：

     module.exports = {
       plugins: ['styled-components'],
       rules: {
         'styled-components/no-unused-styles': 'warn',
         'styled-components/namespace': 'warn'
       }
     }
     

  3. 若使用TypeScript项目，补充安装类型声明文件：
     npm install @types/styled-components --save-dev
  4. 清理npm缓存后重新安装：
     npm cache clean --force
     再次执行styled-components的安装命令
  5. 检查ESLint版本兼容性，若版本不匹配，升级ESLint：
     npm install eslint@latest --save-dev

• 验证导入语句是否正确，确保代码中导入方式为：
  import styled from 'styled-components';

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