Gatsby-无法解析“C:\Users\...\gatsby-starter-hello-world\node_modules\postcss\lib”中的“路径”答案

【问题标题】：Gatsby- Can't resolve 'path' in 'C:\Users\...\gatsby-starter-hello-world\node_modules\postcss\lib'Gatsby-无法解析“C:\Users\...\gatsby-starter-hello-world\node_modules\postcss\lib”中的“路径”
【发布时间】：2021-07-08 13:25:18
【问题描述】：

我正在尝试将sanitize-html 包与@types/sanitize-html 一起用于打字稿，但这会导致以下错误-

ERROR in ./node_modules/postcss/lib/input.js 4:30-45
Module not found: Error: Can't resolve 'path' in 'C:\Users\sapin\Desktop\gatsby-starter-hello-world\node_modules\postcss\lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/postcss/lib/postcss.js 14:12-30
 @ ./node_modules/sanitize-html/index.js 7:32-50
 @ ./src/states/BlogsProvider.tsx 12:0-37 103:15-23 104:21-29 105:14-22
 @ ./src/pages/bookmarks.tsx 10:0-51 18:24-32 61:10-18
 @ ./.cache/_this_is_virtual_fs_path_/$virtual/async-requires.js 36:11-38:5
 @ ./.cache/app.js 17:0-52 28:0-70 30:27-40 28:0-70

如果我这样做npm i path，构建时间错误就会消失；但它会导致运行时错误-

Uncaught ReferenceError: process is not defined
    at eval (path.js:25)
    at Object../node_modules/path/path.js (commons.js:2976)
    at Object.options.factory (commons.js:4478)
    at __webpack_require__ (commons.js:3881)
    at fn (commons.js:4159)
    at eval (map-generator.js:3)
    at Object../node_modules/postcss/lib/map-generator.js (commons.js:3096)
    at Object.options.factory (commons.js:4478)
    at __webpack_require__ (commons.js:3881)
    at fn (commons.js:4159)

追踪错误行，就是这个抛出错误-

var isWindows = process.platform === 'win32';

所以简而言之，sanitize-html 包在没有明确安装的情况下无法识别path。安装后，path 模块无法识别process。我该如何解决这个问题？

如果没有，是否有其他支持 typescript 的消毒包？

【问题讨论】：

npm i path-browserify 呢？
不，它没有。还是一样的错误

标签： node.js path gatsby node-modules

【解决方案1】：

根据 GitHub 上的 this comment，该问题已在 v8.2.7 中得到修复。这似乎与webpack has removed polyfills in their new v5 version有关，这是postcss的必需依赖项，sanitize-html也使用它。

但是，如果问题仍然存在，则应通过安装 path-browserify（npm i path-browserify）并在您的 gatsby-node.js、onCreateWebpackConfig API 中将以下后备添加到 webpack 的覆盖配置中来解决问题：

exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
   resolve: {
      fallback: {
        path: require.resolve('path-browserify'),
      },
    },
  })
}

来源：修改自https://github.com/postcss/postcss/issues/1509#issuecomment-772097567

我根据提示的错误回答：

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'

【讨论】：