Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/farrajota/vuetify-nuxt-issue-report
Code for reproducing the bug in issue #3010
https://github.com/farrajota/vuetify-nuxt-issue-report
Last synced: about 12 hours ago
JSON representation
Code for reproducing the bug in issue #3010
- Host: GitHub
- URL: https://github.com/farrajota/vuetify-nuxt-issue-report
- Owner: farrajota
- License: mit
- Created: 2018-01-14T11:06:18.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-01-24T20:45:14.000Z (almost 7 years ago)
- Last Synced: 2023-10-20T12:34:54.721Z (about 1 year ago)
- Language: Vue
- Homepage: https://github.com/vuetifyjs/vuetify/issues/3010
- Size: 93.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bug report for issue #3010
The code available in this repo reproduces the bug submitted in this [issue #3010](https://github.com/vuetifyjs/vuetify/issues/3010). To run the code simple do the following steps:
- clone the repo into your machine
```bash
$ git clone https://github.com/farrajota/vuetify-nuxt-issue-report.git
```
- cd to the dir and run the following commands
```bash
$ cd vuetify-nuxt-issue-report/
$ npm install && npm run generate
```
## Bug description
The issue revolves around using [v-tabs](https://next.vuetifyjs.com/components/tabs) to route to different views with the [nuxt](https://github.com/nuxt/nuxt.js/) framework.
When attempting to generate static files using the latest version of vuetify (`[email protected]`) it terminates the process with an error. Using the stable version (`[email protected]`) works correctly.
Upgrading packages like `nuxt`, `vue` or any other package does not fix the issue (the error message clearly points that the problem come from the vuetify package itself).
> Note: `npm run dev` and `npm run build && npm run start` work correctly. It only raises an error when running `npm run generate`.
## Reproducing the error locally
Follow these steps to reproduce the error on your local machine:
1. Fetch the nuxt template using vuetify
```bash
vue init vuetifyjs/nuxt
```
2. cd to the project dir and install all dependencies
```bash
cd && npm install
```
3. Install vuetify 1.0.0-beta.5
```bash
npm install [email protected] --save
```
3.5. (Optional) Install the latest version of `nuxt`
```bash
npm install [email protected] --save
```
4. Add the following code to layouts/default.vue
```
stuff
...
```
5. Attempt to generate static files
```bash
npm run generate
```
## Error message
```bash
> nuxt generate
████████████████████ 100%
Build completed in 15.899s
WARNING Compiled with 1 warnings 20:40:05
warning
asset size limit: The following asset(s) exceed the recommended size limit (
300 kB).
This can impact web performance.
Assets:
vendor.c59b89ca6354e81abe7f.js (432 kB)
Hash: bba9e937db776460c056
Version: webpack 3.10.0
Time: 15902ms
Asset Size Chunks Chunk Names
layouts/default.8a3bc2ed1e5d25810ede.js 2.63 kB 0 [emitted] layouts/default
pages/inspire.b3be5d62bb9901dc1c9e.js 697 bytes 1 [emitted] pages/inspire
pages/index.e9be0503ae250a5fff91.js 1.99 kB 2 [emitted] pages/index
vendor.c59b89ca6354e81abe7f.js 432 kB 3 [emitted] [big] vendor
app.f2b6b62a4ff38d03ba68.js 27.9 kB 4 [emitted] app
manifest.bba9e937db776460c056.js 1.58 kB 5 [emitted] manifest
app.0ae0e6a1ad902bc0e6bf9464800f3ea5.css 275 kB 4 [emitted] app
LICENSES 645 bytes [emitted]
+ 3 hidden assets
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (300 kB).
This can impact web performance.
Assets:
vendor.c59b89ca6354e81abe7f.js (432 kB)
Hash: 55e1e27dd6103b323e8c
Version: webpack 3.10.0
Time: 7347ms
Asset Size Chunks Chunk Names
server-bundle.json 128 kB [emitted]
[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'firstChild' of undefined"
found in
--->
at layouts/default.vue
ERROR
TypeError: Cannot read property 'firstChild' of undefined
- vuetify.js:19678 VueComponent.
[vuetify-nuxt-issue-report]/[vuetify]/dist/vuetify.js:19678:23
- vue.runtime.common.js:1811 Array.
[vuetify-nuxt-issue-report]/[vue]/dist/vue.runtime.common.js:1811:12
- vue.runtime.common.js:1732 flushCallbacks
[vuetify-nuxt-issue-report]/[vue]/dist/vue.runtime.common.js:1732:14
TypeError: Cannot read property 'firstChild' of undefined
at VueComponent. (/home/mf/tmp2/vuetify/vuetify-nuxt-issue-report/node_modules/vuetify/dist/vuetify.js:19678:23)
at Array. (/home/mf/tmp2/vuetify/vuetify-nuxt-issue-report/node_modules/vue/dist/vue.runtime.common.js:1811:12)
at flushCallbacks (/home/mf/tmp2/vuetify/vuetify-nuxt-issue-report/node_modules/vue/dist/vue.runtime.common.js:1732:14)
at
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] generate: `nuxt generate`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] generate script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/mf/.npm/_logs/2018-01-24T20_40_13_441Z-debug.log
```
## License
[MIT License](LICENSE)