将 Autoprefixer 浏览器选项替换为 Browserslist 配置错误答案

【问题标题】：Replace Autoprefixer browsers option to Browserslist config Error将 Autoprefixer 浏览器选项替换为 Browserslist 配置错误
【发布时间】：2019-09-26 23:39:32
【问题描述】：

获取“将 Autoprefixer 浏览器选项替换为 Browserslist 配置。”运行 npm start 时出错。应用程序仍然可以启动并且工作正常，只是想摆脱这个烦人的错误消息。下面是我的 package.json 文件的底部——如果我应该包含更多文件/详细信息，请告诉我。谢谢！

    "hooks": {
      "pre-commit": "npm test && lint-staged"
    }
  },
  "lint-staged": {
    "*.js": [
      "prettier --write",
      "eslint --fix --max-warnings=0",
      "git add"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all",
      "ie 11"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie 11"
    ]
  }
}

razzle.config.js：

        const postCssLoader = {
      loader: 'postcss-loader',
      options: {
        ident: 'postcss',
      }
    };

错误：

Error: No PostCSS Config found in: /Users/Gabe/esports-calendar/src/client/components/Logo

【问题讨论】：

您是否在项目中的某处使用了 autoprefixer 或 gulp-autoprefixer？
唯一的实例在我的 razzle.config.js 中：有问题更新
是的，您可以删除该自动前缀配置并在 package.json 中使用 browserlist。这应该可以解决警告。
好的，我删除了 autoprefixer 行（更新以显示 - 是否正确完成？）但现在我收到了我添加到问题中的错误，有什么想法吗？
看起来你没有使用声明的postCssLoader，这就是错误的来源。

标签： node.js reactjs autoprefixer

【解决方案1】：

另一个提示：看看你的 node_modules。如果您的导入使用旧格式，也会显示该消息：

cd node_modules
find . -type f | xargs grep -I autoprefixer

应该适用于 Unices。然后，写上游来提交修复。另见https://github.com/browserslist/browserslist/issues/386。

【讨论】：