node.js - 将 Autoprefixer 浏览器选项替换为 Browserslist 配置错误

Question

正在获取“将 Autoprefixer 浏览器选项替换为浏览器列表配置”。运行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

Answer 1

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

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

应该适用于 Unices。然后，向上游写入以提交修复。另请参阅https://github.com/browserslist/browserslist/issues/386 .