Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Does the new update support FR SSR? #86

Open
1 task done
kokjinsam opened this issue May 13, 2016 · 8 comments
Open
1 task done

Does the new update support FR SSR? #86

kokjinsam opened this issue May 13, 2016 · 8 comments
Labels

Comments

@kokjinsam
Copy link

kokjinsam commented May 13, 2016

Description of Problem

  1. Error below pops up in the terminal console but everything is working fine in the browser.
  2. When view page source, nothing is in the body tag.
  • I switched back to the regular ecmascript and the problem went away.

In the terminal console:

W20160513-09:48:18.266(-5)? (STDERR) Error when doing SSR. path:/: Object [object Object] has no method 'checkpoint'
W20160513-09:48:18.269(-5)? (STDERR) TypeError: Object [object Object] has no method 'checkpoint'
W20160513-09:48:18.269(-5)? (STDERR)     at [object Object].ReactCompositeComponentMixin.performInitialMountWithErrorHandling (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactCompositeComponent.js:256:34)
W20160513-09:48:18.269(-5)? (STDERR)     at [object Object].ReactCompositeComponentMixin.mountComponent (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactCompositeComponent.js:220:21)
W20160513-09:48:18.269(-5)? (STDERR)     at [object Object].wrapper [as mountComponent] (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactPerf.js:66:21)
W20160513-09:48:18.269(-5)? (STDERR)     at Object.ReactReconciler.mountComponent (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactReconciler.js:39:35)
W20160513-09:48:18.270(-5)? (STDERR)     at [object Object].ReactCompositeComponentMixin.performInitialMount (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactCompositeComponent.js:297:34)
W20160513-09:48:18.270(-5)? (STDERR)     at [object Object].ReactCompositeComponentMixin.mountComponent (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactCompositeComponent.js:222:21)
W20160513-09:48:18.270(-5)? (STDERR)     at [object Object].wrapper [as mountComponent] (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactPerf.js:66:21)
W20160513-09:48:18.270(-5)? (STDERR)     at /home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactServerRendering.js:38:38
W20160513-09:48:18.270(-5)? (STDERR)     at ReactServerRenderingTransaction.Mixin.perform (/home/skaxwng/code/meteor-todo/node_modules/react/lib/Transaction.js:136:20)
W20160513-09:48:18.270(-5)? (STDERR)     at renderToStringImpl (/home/skaxwng/code/meteor-todo/node_modules/react/lib/ReactServerRendering.js:36:24)

Environment

  • Meteor version: 1.3.2.4
  • ecmascript-hot version: 1.3.2-refactor.12
  • Operating System: Ubuntu

Supporting files

.meteor/packages

meteor-base
mobile-experience
mongo
tracker

standard-minifier-css
standard-minifier-js
es5-shim
# ecmascript
gadicc:ecmascript-hot

random
kadira:dochead
meteorhacks:inject-initial
accounts-base
kadira:flow-router-ssr

.meteor/versions

[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
chuangbo:[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
gadicc:[email protected]_2
gadicc:[email protected]
gadicc:[email protected]
gadicc:[email protected]
gadicc:[email protected]_6
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
kadira:[email protected]
kadira:[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
meteorhacks:[email protected]
meteorhacks:[email protected]
meteorhacks:[email protected]
meteorhacks:[email protected]
meteorhacks:[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
tmeasday:[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]

packages.json

{
  "name": "meteor-todo",
  "private": true,
  "scripts": {
    "start": "meteor run"
  },
  "dependencies": {
    "aphrodite": "^0.3.0",
    "apollo-client": "^0.1.6",
    "classnames": "^2.2.3",
    "domready": "^1.0.8",
    "express": "^4.13.4",
    "graphql": "^0.5.0",
    "graphql-tools": "^0.3.13",
    "http-proxy-middleware": "^0.14.0",
    "mantra-core": "^1.3.0",
    "material-ui": "^0.15.0-alpha.2",
    "meteor-node-stubs": "~0.2.0",
    "node-fetch": "^1.5.1",
    "node-waves": "^0.7.5",
    "react": "^15.0.1",
    "react-apollo": "^0.2.0",
    "react-appbar": "^1.0.1",
    "react-dom": "^15.0.1",
    "react-mounter-aphrodite": "^1.3.0",
    "react-no-ssr": "^1.0.1",
    "redux": "^3.4.0",
    "redux-log-slow-reducers": "0.0.2",
    "redux-logger": "^2.6.1",
    "redux-thunk": "^2.0.1"
  },
  "devDependencies": {
    "babel-core": "^6.7.4",
    "babel-eslint": "^6.0.0-beta.6",
    "babel-plugin-react-require": "^2.1.0",
    "babel-polyfill": "^6.7.4",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-meteor": "^6.6.6",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-0": "^6.3.13",
    "eslint": "^2.4.0",
    "eslint-config-airbnb": "^6.1.0",
    "eslint-plugin-graphql": "^0.2.3",
    "eslint-plugin-jsx-control-statements": "^1.1.0",
    "eslint-plugin-react": "^4.2.3",
    "jsx-control-statements": "^3.1.0",
    "raw-loader": "^0.5.1",
    "react-hot-loader": "^3.0.0-alpha.12",
    "redbox-react": "^1.2.0"
  }
}

.babelrc (if you modified it)

{
  "presets": [
    "meteor",
    "es2015",
    "stage-0",
    "react",
  ],
  "plugins": [
    "react-require",
    "jsx-control-statements",
    "react-hot-loader/babel"
  ]
}
@gadicc
Copy link
Owner

gadicc commented May 14, 2016

Thanks for the detailed report. If this is what I think, it's fixed in the latest react-hot-loader version. Also, I just changed the docs to make this a real dependency rather than devDependency, since it needs to be bundled with your built project. So can you try:

npm rm --save-dev react-hot-loader
npm i --save react-hot-loader@^3.0.0-beta.2

and report back. If it's not this we'll figure it out. Definitely want to support FR SSR by the time rc.0 ships (in the next few days).

@gadicc gadicc added this to the v2 milestone May 14, 2016
@kokjinsam
Copy link
Author

I tried your suggestion and the problem still persists.

@gadicc
Copy link
Owner

gadicc commented May 15, 2016

Thanks for confirming. For this and #88, I need some help. Is the code for your app cloneable on github? Or can you make a small reproduction? I don't use flow-router-ssr in any of my projects and I'm struggling to get it set up here.

@kokjinsam
Copy link
Author

kokjinsam commented May 15, 2016

I set up a very crude repro here. Let me know if you want something more.

Checkout here to reproduce the error without ecmascript-hot. Now that I have stripped down a lot of things, it seems like the problem is with react-hot-loader.

@kokjinsam
Copy link
Author

@gadicc
Copy link
Owner

gadicc commented May 17, 2016

Thanks for figuring out where the actual problem is! Great help! I've cloned the repo, but this is going to take some work. I'm going to focus for now on getting meteor-hmr stable out, and hopefully react-hot-loader might get this fixed on it's own; otherwise with everything else working I'm going to try figure it out.

@gadicc gadicc removed this from the v2 milestone May 17, 2016
@kokjinsam
Copy link
Author

This should be fixed with the new React release 15.1.0. I will double check this tomorrow.

@kokjinsam
Copy link
Author

I tested it and it's throwing a new error:

W20160526-10:06:44.578(-5)? (STDERR) Warning: exception thrown by devtool while handling onSetChildren: Maximum call stack size exceeded

Do you have any ideas on this? I can't seem to find anything related to this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants