【问题标题】:This is probably not a problem with npm. There is likely additional logging output above. Exit status 1这可能不是 npm 的问题。上面可能有额外的日志输出。退出状态 1
【发布时间】:2021-02-13 03:17:10
【问题描述】:

我想在我的 react.js 应用程序中集成 tailwind.css,但是在我运行我的应用程序时执行了一些步骤后,它显示错误,就像我在下面附上了图片一样。

     ["scripts": {
        "start": "npm run watch:css && react-scripts start",
        "build": "npm run build:css && react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject",
        "build:css": "postcss src/components/books/CSS/talwind.css -o src/components/books/CSS/main.css",
        "watch:css": "postcss src/components/books/CSS/talwind.css -o src/components/books/CSS/main.css"
      },
      "eslintConfig": {
        "extends": "react-app"
      },
      "browserslist": {
        "production": \[
          ">0.2%",
          "not dead",
          "not op_mini all"
        \],
        "development": \[
          "last 1 chrome version",
          "last 1 firefox version",
          "last 1 safari version"
        \]
      },
      "devDependencies": {
        "autoprefixer": "^10.0.1",
        "postcss-cli": "^8.2.0",
        "tailwindcss": "^1.9.6"
      }
    }][1]

enter image description here

这是我的终端 sn-p,它显示了我正面临的错误。

【问题讨论】:

    标签: reactjs tailwind-css


    【解决方案1】:

    尝试像这里建议的那样降级自动前缀依赖:https://github.com/parcel-bundler/parcel/issues/5160"

    【讨论】:

    • 内容未找到请提供有用的链接
    【解决方案2】:

    这是当包抛出错误时您将从 npm 收到的一般错误消息:

    这可能不是 npm 的问题。上面可能有额外的日志输出。退出状态 1

    就像它说的那样,这不是 npm 的问题,您需要查看前面的行以找出您的实际问题是什么。您发布的图片准确地告诉您错误是什么以及您应该如何处理:

    错误:PostCSS 插件自动前缀需要 PostCSS 8

    最终用户迁移指南:https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

    从该页面和您的配置来看,您似乎正在使用 create-react-app。既然是这种情况,您可能需要降级您的依赖项。每a note on that page

    创建反应应用 ❌ 支持此 PR 以获得 CRA 4.0 中的 PostCSS 8。目前,您需要避免使用 PostCSS 8 插件。

    Per this similar question,你可能要降级了:

    • autoprefixer"^9.0.0"
    • postcss-cli"^7.0.0"

    【讨论】:

    • 我已降级依赖版本但未修复
    • @MDABDULKADIR 确认,您现在有"autoprefixer": "^9.0.0""postcss-cli": "^7.0.0"?错误是否完全相同? Error: PostCSS plugin autoprefixer requires PostCSS 8?您可以尝试删除node_modules 并重新运行npm install 吗?
    【解决方案3】:

    执行以下步骤

    先卸载tailwindcss postcss autoprefixer

    npm uninstall tailwindcss postcss autoprefixer

    然后用 postcss 7, autoprefixer 9 重新安装

    npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

    希望它能解决您的问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-12-27
      • 2020-11-16
      • 1970-01-01
      • 2019-08-30
      • 2020-09-11
      • 2020-05-10
      • 2020-10-13
      • 1970-01-01
      相关资源
      最近更新 更多