Git Product home page Git Product logo

Comments (6)

michaelrambeau avatar michaelrambeau commented on May 18, 2024

Running the project in the cloud

I'm trying to understand what's wrong on the build server, using an online code editor (c9.io) to check what is happening on a Linux machine with limited resource (Disk: 2 GB, RAM: 512 M).

STEP 1: npm install

Project dependencies are huge! it took me 20 minutes to install everything.

  • 2150 packages installed in 1401.22s (!)
  • Disk: 868 MB

STEP 2: npm run build

I got an other error when trying to build the project:

success Building CSS — 24.530 s
success Building production JavaScript bundles — 527.984 s
⠠ Building static HTML for pages[Function: Document]

error Building static HTML for pages failed

See our docs page on debugging HTML builds for help https://goo.gl/yL9lND

  27 |   message += ' for the full message or use the non-minified dev environment' + ' for full errors and additional helpful warnings.';
  28 | 
> 29 |   var error = new Error(message);
     | ^
  30 |   error.name = 'Invariant Violation';
  31 |   error.framesToPop = 1; // we don't care about reactProdInvariant's own frame
  32 | 


  WebpackError: Minified React error #130; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=130&args[]=object&args[]=%20Check%20the%20render%20method%20of%20  %60Layout%60. for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

  - reactProdInvariant.js:29 reactProdInvariant
    ~/react-dom/lib/reactProdInvariant.js:29:1
  
  - instantiateReactComponent.js:72 instantiateReactComponent
    ~/react-dom/lib/instantiateReactComponent.js:72:1
  
  - ReactChildReconciler.js:42 instantiateChild
    ~/react-dom/lib/ReactChildReconciler.js:42:1

The error comes from react-dom package:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
Check the render method of `Layout`

still under investigation...

from stateofjs-legacy.

plouc avatar plouc commented on May 18, 2024

The build now pass both locally and on travis. There was an empty page OpinionsWIP.js.

from stateofjs-legacy.

plouc avatar plouc commented on May 18, 2024

see https://travis-ci.org/StateOfJS/StateOfJS/builds/310872975

from stateofjs-legacy.

plouc avatar plouc commented on May 18, 2024

@SachaG is it possible to have the build's logs somewhere?
I cannot reproduce the problem with the sankey, neither on my machine, nor on travis :/

from stateofjs-legacy.

SachaG avatar SachaG commented on May 18, 2024

Netlify explain how to debug their build process here: https://www.netlify.com/blog/2016/10/18/how-our-build-bots-build-sites/

But actually we could also just deploy on GitHub pages, I'm not sure if it's worth the time to find out why Netlify is not working…

from stateofjs-legacy.

plouc avatar plouc commented on May 18, 2024

Fixed => see https://philatist-albert-72527.netlify.com/

from stateofjs-legacy.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.