Questions tagged [vue-cli-4]

Vue CLI is the official tooling for bootstrapping and maintaining your Vue projects. Offering a feature rich and extensible platform for using (or developing your own) plugins and preset in zero-configuration fashion, as well as future-proofing the upgradebility of your project and tooling configurations. Use this tag for questions specific to version 4.

Vue CLI, created and maintained by the Vue's core team, is the official tooling for bootstrapping and maintaining your Vue projects.

Offering a feature rich and extensible platform for using (or developing your own) plugins and preset in zero-configuration and easily configurable fashion, as well as future-proofing the upgradebility of your project and tooling configurations.

Vue CLI ecosystem currently offers these Core Plugins:

  • @vue/cli-plugin-babel
  • @vue/cli-plugin-typescript
  • @vue/cli-plugin-eslint
  • @vue/cli-plugin-pwa
  • @vue/cli-plugin-unit-jest
  • @vue/cli-plugin-unit-mocha
  • @vue/cli-plugin-e2e-cypress
  • @vue/cli-plugin-e2e-nightwatch

There's a community site Awesome Vue CLI packages for browsing all the plugins and presets available.

Use this tag for questions specific to version 4.

112 questions
0
votes
1 answer

Vue-Cli: why after the build the index.html is not generated with quotes?

After running the npm build, the ./dist/index.html file is generated without the quotes. The project does not have a webpack.config.js or a vue.config.js. The build is generated from the example project made with vue create. How do I solve…
0
votes
1 answer

After upgrading to vue-cli-4, relative paths no longer work in standard imports

This is another case of procrastinating on upgrading my build tools because each time I do, I find a plethora of changes that I have to work through. I created a new project using vue cli 4.5, and it loaded, just like a fresh new project would. I…
user1447679
  • 3,076
  • 7
  • 32
  • 69
0
votes
1 answer

vue-cli webpack sass backgorund image cant be resolved

In my Vue application, I have SCSS file imported to App.vue like this: In my main.scss file I have: background: url(../images/image.png); When I run yarn build I'm getting the…
Bogdan Dubyk
  • 4,756
  • 7
  • 30
  • 67
0
votes
1 answer

Error when running npm run serve on brandnew Vue-CLI generated project

I've been trying to run npm run serve on a new vue Project generated with the Vue CLI. I just create the project with vue create app then change directories to the project itself cd app and run npm run serve something I've doneeith other projects…
0
votes
0 answers

vuejs - Create detached css file from apps.css

version 4.3 of vue cli is in use. I hope the external css file will be created separately after the build. I have to use that file somewhere else. **current result** root ┗dist ┗css ┗app.dsfe23f.css ┗js ┗app.ds3fe23f.js …
ssong
  • 11
  • 3
0
votes
2 answers

How to uninstall VUE 4.1.2

Okay, so i thought this is a quite simple task, i run npm uninstall -g vue-cli as an admin but it return up to date in 0.043s. Am not sure what to do to delete properly vue js from my machine. am running windows 8.1 pro, vue-cli 4.1.2, npm 6.14.4 ,…
Jake Weary
  • 401
  • 1
  • 4
  • 17
0
votes
1 answer

How to add text-field in datatable column without using in vue.js

I am making a shopping cart using Vuetify's current CRUD Datatable UI Component (compatible with Vue.js2), and I'm trying to add a type="number" text-field for both columns quantity and price and link them to their respective value to calculate…
DigitalDevGuy
  • 83
  • 4
  • 14
0
votes
1 answer

How to calculate total in javascript to display in datatable column using backend data in Vue.js 2.6, Vue CLI 4, Vuetify 2.2

I'm using Vuetify's current CRUD Datatable UI Component (compatible with Vue.js2) and I'm trying to calculate the subtotal of a product multiplying the product's quantity with its price. Previously I was testing it with static data in javascript,…
DigitalDevGuy
  • 83
  • 4
  • 14
0
votes
1 answer

Why vue.js renders base64 image for small images

I tried to set image but vuejs automatically convert it to base64 if the image is too small, If I resize the image, it works. Is there any explanation?
user3351236
  • 2,488
  • 10
  • 29
  • 52
0
votes
1 answer

How Vue knows which prefix should prepend when different browser?

Like I used style and webkit to search source code from node_modules/Vue and node_modules/@Vue, but had no luck. How Vue knows which prefix should prepend when different…
lululala
  • 41
  • 1
  • 8
0
votes
1 answer

vuecli with webextensions: Precompile & load content script

I am creating a web-extension with vuejs & vue-cli. I have added my content script to be processed with vue-clis internal webpack, s.t.: configureWebpack: { entry: { contentScript: "./src/contentScript/contentScript.js" } Compilation…
Sean
  • 467
  • 6
  • 12
0
votes
1 answer

Webview can't render Virtual DOM and shows blank in SPA using Vue-CLI

I'm a web developer and don't know android programming. my problem showed itself when I decided to lunch my single page app that created by vue cli 4 for mobile devices actually I used this repository for build a webview for…
Milad Mohammadi
  • 176
  • 1
  • 9
0
votes
1 answer

Vue component cannot resolve relative component imports in typescript

I just upgraded to typescript using the vue-cli vue upgrade typescript command. The command exits succesfully. However, now, the relative imports that previously worked in javascript can no longer be resolved. I have the following Home component,…
Mike Hawkins
  • 2,144
  • 5
  • 24
  • 42
0
votes
1 answer

Explanation of dotenv and local files workflow using Vue-cli / webpack / nodenv

I've be banging my head against the wall on how to do this. I've been developing on a vue-cli application, and apparently, in the node world, we all believe there exists one development, one staging, and one production environment. I've been trying…
sksallaj
  • 3,872
  • 3
  • 37
  • 58
0
votes
1 answer

change vue cli create path location on Windows

I am just getting started on Vue.js and I seem to have run into a weirdness I could use some help with. When I creates a new project with the CLI it creates the new project folder in the root of my user folder. This is just plain bad practice. I…
Brad Mathews
  • 1,567
  • 2
  • 23
  • 45