Resumes in Browser and Exported PDFs are blank
williammartin opened this issue · comments
Case
BUG
Issue
The resumes shown in browser after running npm run dev are blank, as are the PDFs exported after running npm run export.
Info
- Operating System: OSX
- Node-Version: v10.4.0
Reproduce
I followed the README instructions. This is the terminal output from npm run dev:
→ npm run dev
> best-resume-ever@1.0.0 dev /Users/wmartin/workspace/best-resume-ever
> node build/dev-server.js
> Starting dev server...
ℹ ｢wdm｣: wait until bundle finished:
(node:12886) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
ℹ ｢wdm｣: wait until bundle finished: /__webpack_hmr
WARNING Compiled with 4 warnings 8:29:37 PM
warning
configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/
warning
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
static/fonts/opensans-condbold.790124b.eot (258 KiB)
static/img/fontawesome-webfont.912ec66.svg (434 KiB)
static/fonts/SourceSansPro-ExtraLight.abbaecf.ttf (285 KiB)
static/fonts/SourceSansPro-Light.a663a1b.ttf (286 KiB)
static/fonts/SourceSansPro-Regular.d165cf1.ttf (287 KiB)
static/fonts/SourceSansPro-Semibold.c8eb654.ttf (286 KiB)
static/fonts/SourceSansPro-Bold.1e9b84f.ttf (285 KiB)
static/fonts/SourceSansPro-Black.587ba27.ttf (283 KiB)
static/img/OpenSans-Light.d79f021.svg (258 KiB)
static/img/OpenSans-LightItalic.b64e991.svg (291 KiB)
static/img/OpenSans-Regular.f641a7d.svg (266 KiB)
static/img/OpenSans-Italic.d6671d4.svg (291 KiB)
static/img/OpenSans-Semibold.bb100c9.svg (1.11 MiB)
static/img/OpenSans-SemiboldItalic.ddc348f.svg (289 KiB)
static/img/OpenSans-Bold.d6291f8.svg (264 KiB)
static/img/OpenSans-BoldItalic.a54aba8.svg (284 KiB)
static/img/OpenSans-ExtraBold.8c5c497.svg (1.11 MiB)
static/img/OpenSans-ExtraBoldItalic.9704305.svg (283 KiB)
static/img/opensans-condlight.55ca06a.svg (817 KiB)
static/img/opensans-condlightitalic.c00c6b0.svg (818 KiB)
static/fonts/opensans-condbold.c28df5d.ttf (258 KiB)
static/img/opensans-condbold.1e26591.svg (486 KiB)
app.js (3.27 MiB)
warning
entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
app (3.27 MiB)
app.js
warning
webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
⚠ ｢wdm｣: Hash: 0f0cd0728a6344210209
Version: webpack 4.20.2
Time: 5836ms
Built at: 04/08/2019 8:29:37 PM
Asset Size Chunks Chunk Names
static/fonts/SourceSansPro-BoldIt.ttf.7209467.woff2 35 KiB [emitted]
static/img/id.087ce5d.jpg 23.6 KiB [emitted]
static/fonts/Roboto-Thin.d3b4737.woff 82.3 KiB [emitted]
... SNIPPETED
static/img/resume-purple.72ea863.png 26.4 KiB [emitted]
static/img/resume-side-bar-rtl.eb82423.png 53.9 KiB [emitted]
static/img/resume-left-right-rtl.7d7bb5b.png 56.9 KiB [emitted]
static/img/resume-creative.1eb204b.png 26.5 KiB [emitted]
static/img/resume-cool.9bb8b06.png 62.9 KiB [emitted]
static/img/logo.1522a48.png 46 KiB [emitted]
app.js 3.27 MiB 0 [emitted] [big] app
index.html 391 bytes [emitted]
Entrypoint app [big] = app.js
[0] ./node_modules/vue/dist/vue.esm.js 286 KiB {0} [built]
[1] ./node_modules/vue-loader/lib/runtime/componentNormalizer.js 2.63 KiB {0} [built]
[6] ./node_modules/vue-hot-reload-api/dist/index.js 7.01 KiB {0} [built]
[25] (webpack)/buildin/global.js 509 bytes {0} [built]
[44] ./src/App.vue?vue&type=script&lang=js& + 1 modules 365 bytes {0} [built]
| ./src/App.vue?vue&type=script&lang=js& 332 bytes [built]
| ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js& 33 bytes [built]
[104] ./src/App.vue 1.09 KiB {0} [built]
[108] multi ./build/dev-client ./src/main.js 40 bytes {0} [built]
[109] ./build/dev-client.js 245 bytes {0} [built]
[110] ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js 852 bytes {0} [built]
[112] (webpack)-hot-middleware/client.js?noInfo=true&reload=true 7.59 KiB {0} [built]
[119] (webpack)-hot-middleware/client-overlay.js 2.16 KiB {0} [built]
[124] (webpack)-hot-middleware/process-update.js 4.26 KiB {0} [built]
[125] ./node_modules/timers-browserify/main.js 1.97 KiB {0} [built]
[128] ./src/App.vue?vue&type=style&index=0&lang=css& 556 bytes {0} [built]
[328] ./src/main.js + 2 modules 64.6 KiB {0} [built]
| ./src/main.js 213 bytes [built]
| ./src/router/index.js 325 bytes [built]
| ./node_modules/vue-router/dist/vue-router.esm.js 64.1 KiB [built]
+ 314 hidden modules
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
static/fonts/opensans-condbold.790124b.eot (258 KiB)
static/img/fontawesome-webfont.912ec66.svg (434 KiB)
static/fonts/SourceSansPro-ExtraLight.abbaecf.ttf (285 KiB)
static/fonts/SourceSansPro-Light.a663a1b.ttf (286 KiB)
static/fonts/SourceSansPro-Regular.d165cf1.ttf (287 KiB)
static/fonts/SourceSansPro-Semibold.c8eb654.ttf (286 KiB)
static/fonts/SourceSansPro-Bold.1e9b84f.ttf (285 KiB)
static/fonts/SourceSansPro-Black.587ba27.ttf (283 KiB)
static/img/OpenSans-Light.d79f021.svg (258 KiB)
static/img/OpenSans-LightItalic.b64e991.svg (291 KiB)
static/img/OpenSans-Regular.f641a7d.svg (266 KiB)
static/img/OpenSans-Italic.d6671d4.svg (291 KiB)
static/img/OpenSans-Semibold.bb100c9.svg (1.11 MiB)
static/img/OpenSans-SemiboldItalic.ddc348f.svg (289 KiB)
static/img/OpenSans-Bold.d6291f8.svg (264 KiB)
static/img/OpenSans-BoldItalic.a54aba8.svg (284 KiB)
static/img/OpenSans-ExtraBold.8c5c497.svg (1.11 MiB)
static/img/OpenSans-ExtraBoldItalic.9704305.svg (283 KiB)
static/img/opensans-condlight.55ca06a.svg (817 KiB)
static/img/opensans-condlightitalic.c00c6b0.svg (818 KiB)
static/fonts/opensans-condbold.c28df5d.ttf (258 KiB)
static/img/opensans-condbold.1e26591.svg (486 KiB)
app.js (3.27 MiB)
WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
app (3.27 MiB)
app.js
WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 1.38 MiB 0
Entrypoint undefined = index.html
[0] ./node_modules/html-webpack-plugin/lib/loader.js!./index.html 543 bytes {0} [built]
[1] ./node_modules/lodash/lodash.js 527 KiB {0} [built]
[2] (webpack)/buildin/global.js 509 bytes {0} [built]
[3] (webpack)/buildin/module.js 519 bytes {0} [built]
ℹ ｢wdm｣: Compiled with warnings.
> Listening at http://localhost:8080
When clicking one of the resume options in the browser this appears like:
Hi @williammartin , I've had the same problem in the past. You can try checking the browser console log to see if there is any error message. In my case I did something wrong on the data.yml file. When I fix it, the resume appeared normally.
Can confirm @gcartier94 it is a formatting issue. Correct the formatting it will display as normal.
I don't even remember creating this but since it sounds like it was probably my fault I'm gonna go ahead and close it. Thanks all.