Comments (15)
The same problem!
from prerender-spa-plugin.
from prerender-spa-plugin.
I'm having the exact same issue. Here's a Gist containing my webpack.conf.js
, index.html
, and main.js
. When I build, dist/index.html
has the exact same content as the original index.html
, except the JS bundles are injected into <head>
. I generated my app from the Vue CLI webpack template.
I am completely out of ideas, so any help I can get is greatly appreciated!
from prerender-spa-plugin.
@drewlustro YOU ARE BEAUTIFUL AND AMAZING. Thank you for the help. This can be closed.
from prerender-spa-plugin.
@csvwolf @kushagharahi I ended up writing my own webpack plugin that uses Nightmare.js to render the pages. It's pretty basic, but it might be worth a shot: https://github.com/esalter-va/webpack-static-site-generator
from prerender-spa-plugin.
same problem +1
from prerender-spa-plugin.
The same problem!
from prerender-spa-plugin.
Same problem :(
from prerender-spa-plugin.
Same problem!!
from prerender-spa-plugin.
Hi, I don't think this is the same case. People here seem to have fully static SPAs. This is more like a version incompatibility between used components though I've not been able to repeat it. The best way for me to understand would be to share the exact repo that's not working and specify the environment.
from prerender-spa-plugin.
You're right @jnrdt I was tired last night and misunderstood. I deleted my comment. I apologize.
from prerender-spa-plugin.
@kushagharahi - I downloaded your code repository and there is a key problem with it. PhantomJS hits an exception because you forgot to transpile your .js
files into ES6.
Please add the following to webpack.config.js
:
// ....
module: {
rules: [
// ... other rules
{
test: /\.js$/,
loader: 'babel-loader',
include: [
path.join(__dirname, 'src')
],
exclude: path.join(__dirname, 'node_modules')
},
// .. the rest of your rules
]
},
// ....
// rest of webpack config
// ...
I have made this change and your site prerenders without issue.
from prerender-spa-plugin.
@esalter-va big big thanks
from prerender-spa-plugin.
same problem... =/
from prerender-spa-plugin.
same problem
from prerender-spa-plugin.
Related Issues (20)
- Plugin creates broken HTML HOT 1
- Puppeteer Issues on Oracle Linux 8 HOT 2
- Optimization of Puppeteer
- I have a Vue multi-page app, after prerender, all html files look the same. HOT 1
- render each route to an html file
- Only two pages are getting pre-rendered properly
- How to cache the result.
- docker
- on Safari and ios it doesn't always work
- [prerender-spa-plugin] Unable to prerender all routes! HOT 4
- How to configure puppeteer inside prerender-spa for Heroku
- How to launch puppeteer with { args: ['--no-sandbox'] }?
- "/" page flashing before routes load
- Unexpected token '?' with plugin only HOT 2
- Looking for maintainers! HOT 15
- Error during building example app: probably smth with websocket errno: -4039, code: 'ETIMEDOUT'
- Vue Prerender-SPA / Webpack - Application won't initialise with named cacheGroups unless explicitly listed in pages config chunks section?
- why no such file or directory
- Unable to prerender all routes! HOT 2
- Page refresh twice
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from prerender-spa-plugin.