After upgrade to parcel-bundler 1.10.0
If there are something after a self-closing vue component like:
<button>
<slot />
<span>You can't see me!</span>
</button>
You will see no <span> after <slot> content.
But if you change it to:
<button>
<slot></slot>
<span>You can see me!</span>
</button>
The <span> will be seen.
{
"name": "parcel-vue-self-closing-component-bug",
"version": "1.0.0",
"license": "MIT",
"main": "index.html",
"scripts": {
"start": "parcel index.html --no-cache --open"
},
"devDependencies": {
"@vue/component-compiler-utils": "^2.2.0",
"parcel-bundler": "^1.10.0",
"vue-template-compiler": "^2.5.16"
},
"dependencies": {
"vue": "^2.5.16",
"vue-hot-reload-api": "^2.3.1"
},
"alias": {
"vue": "./node_modules/vue/dist/vue.common.js"
}
}
Using self-closing Vue component would be OK.
I can see nothing after self-closing Vue component in the page.
After upgrade to parcel-bundler 1.10.0
https://github.com/nyaapass/parcel-vue-self-closing-component-bug
| Software | Version(s) |
| ---------------- | ---------- |
| Parcel | 1.10.0
| Node | 8.12.0
| npm/Yarn | Yarn 1.9.4
| Operating System | macOS 10.13.6
There is already be an open issue about this as far as I know.
Duplicate of #1363
@DeMoorJasper
But when I was using v1.9.7, everything was okay. (Here is a demo branch using v1.9.7)
It seems like some changes in v1.10.0 caused this problem.
Most helpful comment
@DeMoorJasper
But when I was using v1.9.7, everything was okay. (Here is a demo branch using v1.9.7)
It seems like some changes in v1.10.0 caused this problem.