React 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取未定义的属性“toFixed”答案

【问题标题】：React Module build failed: ModuleBuildError: Module build failed: TypeError: Cannot read property 'toFixed' of undefinedReact 模块构建失败：ModuleBuildError：模块构建失败：TypeError：无法读取未定义的属性“toFixed”
【发布时间】：2021-06-08 22:51:40
【问题描述】：

我遇到了npm run build 错误。我在 localhost 上没有收到此错误，我在部署我的 .NetCore React 应用程序时收到了错误。我运行了npm update，但这并没有解决任何问题。请问这里出了什么问题吗？

这是我的 package.json：

{
  "name": "InfrastructureConnect",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@progress/kendo-react-dialogs": "^2.8.0",
    "react": "^16.0.0",
    "react-cookie": "^4.0.3",
    "react-dom": "^16.0.0",
    "react-router-dom": "^4.2.2",
    "react-scripts": "1.0.17",
    "react-select": "^3.1.0",
    "rimraf": "^2.6.2",
    "swagger-ui": "^3.44.1"
  },
  "scripts": {
    "start": "rimraf ./build && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

这是我运行npm run build后得到的错误：

Creating an optimized production build...
Failed to compile.

./node_modules/swagger-ui/dist/swagger-ui.css
Module build failed: ModuleBuildError: Module build failed: TypeError: Cannot read property 'toFixed' of undefined
    at Array.filter (<anonymous>)
    at Array.filter (<anonymous>)
    at Array.filter (<anonymous>)
    at Array.forEach (<anonymous>)
    at runMicrotasks (<anonymous>)


npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! InfrastructureConnect@0.1.0 build: `react-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the InfrastructureConnect@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\abhiredd\AppData\Roaming\npm-cache\_logs\2021-03-10T21_51_45_254Z-debug.log

【问题讨论】：

尝试使用swagger-ui-react 而不是swagger-ui。
可能是由于您的本地机器正在运行 Docker 中的存储，请尝试清理未使用的映像并再次运行构建。
@Helen 试过 swagger-ui-react。相同的错误消息，现在显示为 ./node_modules/swagger-ui-react/swagger-ui.css，但其余部分相同。
@Kyle.Ng 好吧，我只是在做 npm run build，不管部署如何，那也失败了
我也有这个问题。我的 swagger-ui-react 版本是 ^3.29.0 并使用 webpack。以前有人解决过这个问题吗？

标签： javascript reactjs asp.net-core swagger swagger-ui

【解决方案1】：

在多次尝试解决此问题后，以下是一些解决此问题的方法：

Package.json：

"swagger-ui": "^3.52.2"

某种招摇的组件：

import React, { Component } from 'react';
import SwaggerUi, { presets } from 'swagger-ui';
import 'swagger-ui/dist/swagger-ui.css';

class SwaggerHelp extends Component {
  displayName = SwaggerHelp.name;

  componentDidMount() {
    SwaggerUi({
      dom_id: '#swaggerContainer',
      url: `/swagger/v1/swagger.json`,
      presets: [presets.apis],
      docExpansion: 'none',
    });
  }

  render() {
    return (
      <div id="swaggerContainer" />
    );
  }
}

export default SwaggerHelp;

希望这会有所帮助。

【讨论】：