vue-cli will remain in the building state without displaying the compilation results when you have more than 5 page entries(in my computer)
See original GitHub issueVersion
3.0.0-rc.10
Node and OS info
Node 8.9.4 / yarn 1.7.0 / Windows 10
Steps to reproduce
If you have more than 5 page entries, vue-cli will remain in the building state without displaying the compilation results.
Such as this in your vue.config.js
:
module.exports = {
pages: {
index1: 'src/index1.js',
index2: 'src/index2.js',
index3: 'src/index3.js',
index4: 'src/index4.js',
index5: 'src/index5.js',
index6: 'src/index6.js',
},
}
Each of index*.js
has similar code, such as
import Vue from 'vue'
import App from './Test.vue'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
// Test.vue
<template>
<div class="test">
<h1>This is an testpage</h1>
</div>
</template>
What is expected?
Continue to compile…
What is actually happening?
It will remain in the building state without displaying the compilation results
Issue Analytics
- State:
- Created 5 years ago
- Comments:10 (5 by maintainers)
Top Results From Across the Web
Vue-Cli 3, pages: 'npn run build' gets stuck
Issue: vue-cli will remain in the building state without displaying the compilation results when you have more than 5 page entries(in my ......
Read more >multiple pages in Vue.js CLI - Stack Overflow
First: always read the official documentation. With Vue you can build a SPA, and a MPA is also no problem. Just follow the...
Read more >How to create a Vue.js app using Single-File Components ...
js (“Vue”) can be done with a script tag that points to the Vue content delivery network (CDN). No build or development process...
Read more >Changelog - Cypress Documentation
Component Testing is now generally available for projects using React, Next.js, Angular, and Vue! Component tests allow you to see and test your...
Read more >How To Manage State in a Vue.js Application with Vuex
A Vuex store is a collection of different methods and data. Some of these methods, such as actions, can fetch and process data...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
For now, a workaround is to disable
named-chunks
plugin invue.config.js
:It’s a regression introduced in https://github.com/vuejs/vue-cli/commit/4b5a63441b385d5d7f9b92cf5ed4d61d4eae39c9