I'm currently in the process of setting up a new Vue.JS application through the Vue UI interface. However, when I attempt to launch the application by using the command vue serve src/App.vue, I notice that only the default Home | About is displayed on the page. Upon inspecting the HTML, I come across this:
<noscript>
<strong>We're sorry but basicapp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
Furthermore, in the console I encounter the following message:
[Vue warn]: Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <App> at src/App.vue
<Root>
It's worth noting that I have been operating with the basic application that was generated when using the Vue UI.
Although the application runs smoothly when initiated through the vue ui command, I prefer to trigger it via command line. The reason being that in Cloud9, where I intend to test the application, the vue ui launches on localhost and I haven't been able to find a way to access it. The modifications made to the application files were solely geared towards ensuring functionality within the Cloud9 container:
"dev": "webpack-dev-server --inline --progress --port 8080 --host 0.0.0.0 --config vue.config.js --public $C9_HOSTNAME",
Additionally, I created the vue.config.js file and included the following:
module.exports = {
devServer: {
compress: true,
disableHostCheck: true,
},
}