在netlify css上部署失败。/node_模块/gatsby/node_模块/css加载器
我在部署netlify时遇到问题,有些冲突我不理解。 我尝试过清除缓存、重建库、重建包、在netlify上重新部署、重新安装迷你CSS提取插件 调试网络: 上午11:38:12:警告块样式[迷你css提取插件]11:38:12 AM:顺序冲突。已添加以下模块:上午11:38:12: *css./node_modules/gatsby/node_modules/css加载器??参考--12-oneOf-1-1/节点_模块/postss加载器/lib??postss-2/node_模块/字体roboto/index.css 上午11:38:12:尽管无法满足所需的订单 这些模块:上午11:38:12:*css ./node_模块/gatsby/node_模块/css加载器??参考-12-oneOf-1-1/节点_模块/postss加载器/lib??postss-2/node_modules/typeface montserrat/index.css 上午11:38:12:-无法完成块组的所需顺序 组件--src-pages-404-js 这意味着什么以及如何修复它?在netlify css上部署失败。/node_模块/gatsby/node_模块/css加载器,css,json,deployment,gatsby,netlify,Css,Json,Deployment,Gatsby,Netlify,我在部署netlify时遇到问题,有些冲突我不理解。 我尝试过清除缓存、重建库、重建包、在netlify上重新部署、重新安装迷你CSS提取插件 调试网络: 上午11:38:12:警告块样式[迷你css提取插件]11:38:12 AM:顺序冲突。已添加以下模块:上午11:38:12: *css./node_modules/gatsby/node_modules/css加载器??参考--12-oneOf-1-1/节点_模块/postss加载器/lib??postss-2/node_模块/字体robo
"css-loader": {
"version": "3.4.2",
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.4.2.tgz",
"integrity": "sha512-jYq4zdZT0oS0Iykt+fqnzVLRIeiPWhka+7BqPn+oSIpWJAHak5tmB/WZrJ2a21JhCeFyNnnlroSl8c+MtVndzA==",
"requires": {
"camelcase": "^5.3.1",
"cssesc": "^3.0.0",
"icss-utils": "^4.1.1",
"loader-utils": "^1.2.3",
"normalize-path": "^3.0.0",
"postcss": "^7.0.23",
"postcss-modules-extract-imports": "^2.0.0",
"postcss-modules-local-by-default": "^3.0.2",
"postcss-modules-scope": "^2.1.1",
"postcss-modules-values": "^3.0.0",
"postcss-value-parser": "^4.0.2",
"schema-utils": "^2.6.0"
}
},
"mini-css-extract-plugin": {
"version": "0.8.2",
"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.8.2.tgz",
"integrity": "sha512-a3Y4of27Wz+mqK3qrcd3VhYz6cU0iW5x3Sgvqzbj+XmlrSizmvu8QQMl5oMYJjgHOC4iyt+w7l4umP+dQeW3bw==",
"requires": {
"loader-utils": "^1.1.0",
"normalize-url": "1.9.1",
"schema-utils": "^1.0.0",
"webpack-sources": "^1.1.0"
}
},
由于网页包配置,这些警告是错误的CSS模块。您可以通过在
gatsby node.js
中添加以下代码片段来删除它们:
exports.onCreateWebpackConfig = ({ stage, actions, getConfig }) => {
if (stage === 'build-javascript') {
const config = getConfig()
const miniCssExtractPlugin = config.plugins.find(
plugin => plugin.constructor.name === 'MiniCssExtractPlugin'
)
if (miniCssExtractPlugin) {
miniCssExtractPlugin.options.ignoreOrder = true
}
actions.replaceWebpackConfig(config)
}
}