相关疑难解决方法(0)

好吧，我将 Angular 从 6 升级到了 8。但我仍然遇到错误。

我在互联网上找到了一个对很多用户都有帮助的解决方案。但在这种情况下，它对我没有帮助。

所以我的 package.json 文件看起来像这样：

{
  "name": "vital10-frontend",
  "version": "0.55.0",
  "license": "Unlicensed",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "hmr": "ng serve --configuration hmr",
    "build": "ng build",
    "build:prod": "npm run sass:prod && npm run vit10prod",
    "build:acc": "npm run sass:prod && npm run vit10acc",
    "build:test": "npm run sass:prod && npm run vit10test",
    "build:dev": "npm run sass:prod && npm run vit10dev",
    "test": "ng test",
    "test:cover": "ng test --code-coverage",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "local": "ng serve …

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

Module not found: Error: Can't resolve 'fs' in '<MyProjectPath>\node_modules\fs.realpath'.

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

"browser": {
   "fs": false
}

此外，我找到了另一个通过 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
    },
  }
}

但是，这也不能解决我的错误。有谁知道我该如何修复这个错误？我还希望了解有关如何将 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": …

将"react-scripts": "4.0.3"更新为"react-scripts": "5.0.1" 后出现错误，请告诉我为什么会收到此错误或如何解决此问题...

./node_modules/mime-types/index.js 中的错误 15:14-37

找不到模块：错误：无法解析“C:\work\sams-frontend-su\node_modules\mime-types”中的“路径”

重大更改：webpack < 5 默认情况下包含 Node.js 核心模块的 Polyfill。这已不再是这种情况。验证您是否需要此模块并为其配置一个polyfill。

如果你想包含一个polyfill，你需要： - 添加一个后备 'resolve.fallback: { "path": require.resolve("path-browserify") }' - 安装 'path-browserify' 如果你不这样做想要包含一个polyfill，你可以使用一个空模块，如下所示：resolve.fallback: { "path": false }

另外，我在父路径中创建了一个 webpack.config.js 文件

module.exports = {
  resolve: {
    fallback: { "path": require.resolve("path-browserify") },
  },
};

包.json

{
    "dependencies": {
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.2.0",
    "@testing-library/user-event": "^13.5.0",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": …