https://github.com/ulivz/vuepress-ssr-mismatch-repro
A reproduction of vuepress issue (#1382)
https://github.com/ulivz/vuepress-ssr-mismatch-repro
Last synced: 6 months ago
JSON representation
A reproduction of vuepress issue (#1382)
- Host: GitHub
- URL: https://github.com/ulivz/vuepress-ssr-mismatch-repro
- Owner: ulivz
- Created: 2019-03-12T17:05:28.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-07-30T16:45:47.000Z (about 6 years ago)
- Last Synced: 2025-02-01T23:12:35.045Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 177 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vuepress-ssr-mismatch-repro
> Reproduction of https://github.com/vuejs/vuepress/issues/1382
## Step to reproduce
1. yarn install
2. yarn serve:before
3. Visit `http://localhost:8080/foo`, open the console you'll see:
4. Refresh the browser, the page renders well.
For more details of this issue, please head [vuepress/issues/1382](https://github.com/vuejs/vuepress/issues/1382).
## How to fix it?
For now you can use the [vuepress-plugin-ssr-mismatch-workaround](https://github.com/Shigma/vuepress-plugin-ssr-mismatch-workaround) created by VuePress's collabrator [@Shigma](https://github.com/Shigma):
```bash
yarn add vuepress-plugin-ssr-mismatch-workaround -D
```
```js
// .vuepress/config.js
module.exports = {
plugins: [
['ssr-mismatch-workaround']
]
}
```
We've prepared a example at this repo, you can test it with running `yarn serve:after` and repeating above steps, you'll find that the page works well.