react脚本构建“第1行的分析错误”

Question

我用“创建-反应-应用程序”创建了一个React，它通过"npm“运行得很好，但是，当我试图构建或部署到Heroku时，我从带有日志的react脚本build.js中得到了一个错误：

-----> Build
       Running build

       > areaos-react@0.1.0 build /tmp/build_b6b622a1f46daa3af2d16fdb6ffb259a
       > react-scripts build

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

       Parse error on line 1: 
       0.3(-1)
       ---^
       Expecting end of input, "ADD", "SUB", "MUL", "DIV", got unexpected "LPAREN"

我尝试过：-updating npm模块，包括from -removing“from脚本构建”，从package.json -changing "main“到package.json中的”from script start“。

这是我的package.json

{
  "name": "doggos-react",
  "version": "0.1.0",
  "engines": {
    "node": "8.9.3",
    "npm": "6.9.0"
  },
  "private": true,
  "dependencies": {
    "caniuse-lite": "^1.0.30000989",
    "chart.js": "^2.8.0",
    "chartjs-plugin-labels": "^1.1.0",
    "cors": "^2.8.5",
    "express": "^4.17.1",
    "gl-react": "^3.17.2",
    "glsl-fxaa": "^3.0.0",
    "glslify": "^7.0.0",
    "glslify-loader": "^2.0.0",
    "gsap": "^2.1.3",
    "jquery": "^3.4.1",
    "orbit-controls-es6": "^2.0.0",
    "pg": "^7.12.1",
    "postprocessing": "^6.6.0",
    "react": "^16.9.0",
    "react-addons": "^0.9.1-deprecated",
    "react-addons-update": "^15.6.2",
    "react-backdrop-filter": "^1.3.2",
    "react-bootstrap": "^0.32.4",
    "react-chartjs-2": "^2.7.6",
    "react-dom": "^16.9.0",
    "react-input-slider": "^4.0.1",
    "react-router-dom": "^4.3.1",
    "react-scripts": "^3.1.1",
    "react-svg-loader": "^3.0.3",
    "react-swipe": "^6.0.4",
    "react-tabulator": "^0.9.1",
    "swipe-js": "^2.2.0",
    "swipe-js-iso": "^2.1.5",
    "three": "^0.107.0",
    "three-gif-loader": "^1.1.0",
    "three-obj-loader": "^1.1.3",
    "three-svg-loader": "^0.1.0"
  },
  "main": "react-scripts start",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "proxy": "https://my_backend_app.com",
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

我想不出该怎么办了。这条错误信息对我毫无意义。

第1行解析错误发生在哪个文件上？当“开始”脚本正常工作时，什么是“”所做的可能出错的操作？

我只是需要这个应用程序运行在heroku上，不管它是一个构建，还是只是通过npm运行，后者在本地运行非常好。我想纠正这个错误，但如果任何人也可以指出我可以告诉heroku做"npm“的地方，因为我做的地方，这将是目前的工作。

Answer 1

结果发现，在postcss-calc模块中有一个bug，它是由应用程序提供的。我通过忽略那个解析器来解决这个问题。我在json中将其设置为删除解析器：

  "cssnano": {
    "preset": [
      "default",
      {
        "calc": false
      }
    ]
  },

报告了bug，我从这里获得了解决方案。

Answer 2

我来到这里时遇到了一个类似的问题(yarn start工作得很好，但是react-scripts build在第1行给出了一个解析错误)。错误消息没有给我提供有用的信息，也没有向我指出实际错误的位置。@Joseph关于calc错误的回答为我指明了正确的方向。在我的例子中，我没有遵循css关于负数周围空格的规则：

calc(var(--square-diameter)*-3)导致解析错误

calc(var(--square-diameter)* -3)很好

calc(var(--square-diameter)*(-3))很好