Build error: Skipping static resource ... - max size is 2.1 MB

[vinhdevie]

Hi all, I got problem when run yarn build.

⇒  yarn build
yarn build v0.24.5
$ react-scripts build
Creating an optimized production build...
Skipping static resource ".../react-example/build/static/js/main.aa0e5d44.js" (2.24 MB) - max size is 2.1 MB
Failed to compile.

static/js/main.aa0e5d44.js from UglifyJs
Unexpected token: operator (>) [./~/get-stream/buffer-stream.js:4,0][static/js/main.aa0e5d44.js:35510,23]

error Command failed with exit code 1.

I'm using the lates yarn with node 6.10.3

I created an example repo with build error here.

Can you help me to figure out why the project failed to compile? Thank you!!!

[vinhdevie]

I think I found out the root of this error. CRA build failed if I use package got@6.7.1 to do http request.
But I not sure this is the CRA's bug or not.

[vinhdevie]

Replace got with request-promise solve the problem. Maybe there is a bug in get-stream used by got.

[vinhdevie]

As mentioned in #321, how can I make UglifyJS supports minifying ES2015 code during CRA build process?

[gaearon]

You can't. Please ask your dependencies to be compiled to ES5. Builds are pretty slow already, and compiling them with Babel is just going to make them slower. Additionally, Babel sometimes breaks code so we can't arbitrarily compile everything with it.

[vinhdevie]

I see now. Thank you, Dan. I will close this ticket.

[gaearon]

The message about "skipping" is misleading though. We should remove that message as it obscures the real issue.

[codeaid]

Can someone explain what the cause and solution to this is? I'm getting the same when trying to build a pretty much empty create-react-app TypeScript project with just a few dependencies added:

{
  "dependencies": {
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "react-router-dom": "^4.1.1",
    "semantic-ui-css": "^2.2.10",
    "semantic-ui-react": "^0.68.4"
  },
  "devDependencies": {
    "@types/jest": "^19.2.3",
    "@types/node": "^7.0.22",
    "@types/react": "^15.0.25",
    "@types/react-dom": "^15.5.0",
    "@types/react-router-dom": "^4.0.4",
    "react-scripts-ts": "2.2.0"
  },
  "scripts": {
    "start": "NODE_PATH=src react-scripts-ts start",
    "build": "NODE_PATH=src react-scripts-ts build",
    "test": "NODE_PATH=src react-scripts-ts test --env=jsdom",
    "eject": "react-scripts-ts eject"
  }
}

Do I need to eject and modify something in Webpack to get it working?

The error I'm getting is:

$ yarn build
yarn build v0.21.3
$ NODE_PATH=src react-scripts-ts build 
Creating an optimized production build...
Warning: Got empty options
Warning: The 'no-use-before-declare' rule requires type checking
ts-loader: Using typescript@2.3.4 and /var/www/blah/tsconfig.json
Skipping static resource "/var/www/blah/build/static/js/main.2a54bce8.js" (2.25 MB) - max size is 2.1 MB
Failed to compile.

static/js/main.2a54bce8.js from UglifyJs
Unexpected token: punc ()) [./~/source-map-loader!./src/routes/config.js:2,0][static/js/main.2a54bce8.js:60936,86]

error Command failed with exit code 1.

[gaearon]

@codeaid Please report this to react-scripts-ts, we are not affiliated with this package in any way.
That said, the important error is here:

static/js/main.2a54bce8.js from UglifyJs
Unexpected token: punc ()) [./~/source-map-loader!./src/routes/config.js:2,0][static/js/main.2a54bce8.js:60936,86]

What is ./src/routes/config.js? Is this your code? Uglify appears to choke on that.