not working when using `vue` with `apollo-client`

[chrisvfritz]

not working when using `vue` with `apollo-client`

[chrisvfritz]

If everything else is working though, it sounds like it has to either be phantomjs or vue-apollo. It's possible that vue-apollo is using a browser feature that isn't yet supported in phantomjs.

[xpepermint]

I think it could be related to this issue.

The example below works:

var page = require('webpage').create();

page.settings.loadImages = false
page.settings.localToRemoteUrlAccessEnabled = true
page.settings.resourceTimeout = 15000

page.onInitialized = function() {
  if(page.injectJs('core.js')) { // FIX PROBLEMS
    console.log("Polyfills loaded");
  }
};

page.open('http://localhost:8080');

setTimeout(function () {
  var html = page.evaluate(function () {
    return document.documentElement.outerHTML
  });

  console.log(html.trim())
  phantom.exit()
}, 3000)

[xpepermint]

The problem definitely represents the Phantom.js. I would propose the http://www.nightmarejs.org/ package instead (it uses a modern browser through electron).

[chrisvfritz]

I remember researching nightmare previously and having to rule it out for this kind of work, but that was possibly ~6 months ago, so it's possible whatever the problem was, it's fixed now.

I might not have time to explore that in the very near future, but if you wanted to fork this project and try to port it to nightmare, I'd be very curious. I'm definitely not opposed to adding nightmare as an alternative rendering option.

[chrisvfritz]

I'm also open to a PR that injects core.js.

[xpepermint]

I'm glad to hear that. I think that Nightmere is a good replacement and it works (tested). Let's leave this issue opened and I'll try to jump in, but I'm not sure when.

[satyadeeproat]

@xpepermint I tried working on the same code you have written. But the console is not displaying the polyfills loaded. Maybe there is an error in this part
page.onInitialized = function() {
if(page.injectJs('core.js')) { // FIX PROBLEMS
console.log("Polyfills loaded");
}
};

Do we need to install babel-polyfill or core.js before that?

[xpepermint]

@satyadeeproat at the end I decided to write a simple SSR package vue-builder.

[chrisvfritz]

Fixed in the 2.0 release, as we now inject core.js into phantom before prerendering. 🎉