小编Dea*_*Ape的帖子

找不到模块:错误:无法解析 React 中的“fs”

我想为我的在线编辑器实现一个 SASS 编译器,为此我想使用 npm 包“node-sass”。但是我收到错误

Module not found: Error: Can't resolve 'fs' in '<MyProjectPath>\node_modules\fs.realpath'.
Run Code Online (Sandbox Code Playgroud)

我已经尝试通过以下方式通过 package.json 禁用该模块:

"browser": {
   "fs": false
}
Run Code Online (Sandbox Code Playgroud)

此外,我找到了另一个通过 webpack 配置运行的解决方案,为此,我config-overrides.js使用 npm 包“”在我的根目录中创建了一个包含以下内容的文件“ react-app-rewired”:

module.exports = function override(def_config, env) {
  return {
    ...def_config,
    webpack: (config) => {
      config.resolve = {
        ...config.resolve,
        fallback: {
          "fs": false,
        }
      }
      return config
    },
  }
}
Run Code Online (Sandbox Code Playgroud)

但是,这也不能解决我的错误。有谁知道我该如何修复这个错误?我还希望了解有关如何将 SASS(作为字符串)编译为 CSS(使用 ReactJS)的替代建议。

我当前的package.json:

{
    "name": "client",
    "version": "0.1.0",
    "private": true,
    "proxy": "http://localhost:3001",
    "dependencies": {
        "@codemirror/lang-javascript": "^0.19.3",
        "@testing-library/jest-dom": "^5.16.1",
        "@testing-library/react": …
Run Code Online (Sandbox Code Playgroud)

fs reactjs node-sass

21
推荐指数
2
解决办法
8万
查看次数

标签 统计

fs ×1

node-sass ×1

reactjs ×1