web-dev-qa-db-ja.com

postcss-svgo：TypeError：未定義のプロパティ 'multipassCount'を設定できません（ギャツビー）

Gatsby 2.17.6プロジェクトで、ビルドする場合：

本番JavaScriptおよびCSSバンドルの構築[====
1.940秒1/6 17％のクエリの実行が失敗しましたプロダクションJavaScriptおよびCSSバンドルの構築-75.519秒

エラー＃98123 WEBPACK

JavaScriptバンドルの生成に失敗しました

postcss-svgo：TypeError：プロパティ 'multipassCount'を設定できませんndefined

クエリの実行が完了していません-77.639s npm ERR！コードELIFECYCLE npm ERR！ errno 1 npm ERR！ [email protected]ビルド：ノードnode_modules/gatsby/dist/bin/gatsby.jsビルド `npm ERR！終了ステータス1

これらは私の依存関係の一部です：

"dependencies": {
    "babel-plugin-styled-components": "^1.8.0",
    :
    "gatsby": "^2.0.19",
    "gatsby-plugin-favicon": "^3.1.4",
    "gatsby-plugin-google-fonts": "0.0.4",
    "gatsby-plugin-offline": "^2.0.5",
    "gatsby-plugin-react-helmet": "^3.0.0",
    "gatsby-plugin-styled-components": "^3.0.1",
    :
    "react": "^16.5.1",
    "react-dom": "^16.5.1",
    "react-helmet": "^5.2.0",
    "react-leaflet": "^2.1.1",
    "styled-components": "^4.1.1"
  }

Gatsby-config.jsにpostcssに関する設定が表示されません。これは、Gatsbyのデフォルトの動作だと思います。 npm ls postcss-svgoこれをスローします：

[email protected] /<app>/source
└─┬ [email protected]
  └─┬ [email protected]
    └─┬ [email protected]
      └─┬ [email protected]
        └── [email protected]

解決策であればpostcss-svgoを無効にしてもかまいませんが、方法はわかりません。

node.jswebpackredhatgatsbypostcss
14
nosferatu

svgoのバージョン1.3.2がリリースされました このバグは修正されると思われます

したがって、node_modules dirおよびpackage-lock.jsonファイルを削除し、新しいnpm installまたはyarn install

とにかく、svgoを1.3.0にロールバックすることを提案している他のユーザーに感謝

0
nosferatu

私のプロジェクトは解決されました、npm install [email protected] -E、詳細： https://github.com/svg/svgo/issues/1174

9
johnny jiang

"resolutions": { "svgo": "1.3.0" }

上記を「package.json」に追加してから、rm -rf node_modules「node_modules」を削除してから、「node_modules」を再インストールします。

これで問題が解決します。この問題は、postcss-svgoの最新バージョンに関連しています。

5
Shashank Gaurav

できます。

  • $ npm install -g svgo
  • node_modulesとpackage-lock.jsonを削除
  • $ npmインストール
  • プロジェクトを構築する
0
Thakun Uppathi