我想为我的在线编辑器实现一个 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)