Postcss-svgo: TypeError: 无法设置未定义 (盖茨比) 的属性 “multiscont”

共4个回答, 标签: node.js webpack redhat gatsby postcss

在盖茨比 2.17.6 项目中,当构建时:

构建生产 JavaScript 和 CSS 捆绑包 [= ] 1.940 s 1/6 17% 运行查询失败构建生产 JavaScript 和 CSS 包-75.519 s

错误 #98123 WEBPACK

生成 JavaScript 捆绑包失败

Postcss-svgo: TypeError: 无法设置 未定义

未完成运行查询-77.639 s npm ERR!代码 ELIFECYCLE npm ERR!Errno 1 npm ERRGatsby-starter-default@1.0.0构建: node _ modules/gatsby/dist/bin/gatsby.js 构建 npm ERR!退出状态 1

这些是我的一些依赖:

“依赖关系”: {
“Babel-插件风格-组件”: “^ 1.8.0”,
:
“盖茨比”: “^ 2.0.19”,
“盖茨比-插件-favicon”: “^ 3.1.4”,
“盖茨比-插件-谷歌字体”: “0.0.4”,
“盖茨比-离线插件”: “^ 2.0.5”,
“盖茨比-插件-反应-头盔”: “^ 3.0.0”,
“盖茨比插件风格的组件”: “^ 3.0.1”,
:
"React": "^ 16.5.1",
“React-dom”: “16.5.1”,
“反应头盔”: “5.2.0”,
“反应传单”: “2.1.1”,
“样式-组件”: “^ 4.1.1”
}

我在 gatsby-config.js 上没有看到任何关于 postcss 的配置,我想这是盖茨比的默认行为。Npm ls postcss-svgo抛出这个:

Gatsby-starter-default@1.0.0//源
└ ─┬ Gatsby@2.17.6
└ ─┬ Optimize-css-assets-webpack-plugin@5.0.3
└ ─┬ Cssnano@4.1.10
└ ─┬ Cssnano-preset-default@4.0.7
因此 ─ postcss-svgo@4.0.2

如果这是一个解决方案,我不介意禁用 postcss-svgo,但我不知道如何。

第1个答案

我的项目解决了,使用npm install svgo@1.3.0 -E,详情请参阅:Https://github.com/svg/svgo/issues/1174

第2个答案

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

将上述添加到您的 “package.json” 中,然后rm -rf node_modules删除 “node_modules”,然后重新安装 “node_modules”。

这将解决问题。 此问题与 postcss-svgo 的最新版本有关。

第3个答案

Svgo 的 1.3.2 版本已经发布,并且这个错误被认为是固定的

因此,删除 node_modules 目录并 package-lock.json 文件就足够了,并创建了一个新的Npm 安装纱线安装

无论如何,感谢其他用户建议将 svgo 回滚到 1.3.0

第4个答案

它的工作原理。

  • $ Npm 安装-g svgo
  • 删除 node_modules 和 package-lock.json
  • $ Npm 安装
  • 构建项目

相关问题

Node 服务器将 Http 响应代码400返回到 Java 为什么按键搜索对象中的值的速度比在 js 中使用 "in" 要慢? 如何监控 RXJS 订阅数量? 类型错误: clean webpackplugin 不是构造函数 Postcss-svgo: TypeError: 无法设置未定义 (盖茨比) 的属性 “multiscont” Webpack 文件加载器输出 [目标模块] Keycloak 自定义在身份验证流中运行自定义 java 在组件中传递函数返回指定内容