Stack Overflow
Stack Overflow

Questions tagged [vue-cli-3]

Vue-CLI provides the vue command in your terminal. It provides the ability to quickly scaffold a new project via vue create, or instantly prototype new ideas via vue serve. Use this tag for questions specific to version 3.

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 3.

695 questions
0
votes
0 answers

how to add leaflet.timeline to a layer?

I have the same GeoJSON data shown in different layers on my map with a radio button control: points as circleMarker, points as a heatMap and points as a clusterGroup. I'm trying to add a timeline with these layer control groups. I have the…
Marcelo Fonseca
  • 1,705
  • 2
  • 19
  • 38
0
votes
1 answer

Adding Leaflet.timeline npm to Vue-cli 3 deprecated? TypeError: Cannot read property 'bottomleft' of undefined

My question is not about Detecting an undefined object property. I'm Trying to Add Leaflet.timeline to Vue-cli 3 using npm. I have a collection of features(geoJSON) and I'm trying to add them to a timeline, however L.timeline raises the…
Marcelo Fonseca
  • 1,705
  • 2
  • 19
  • 38
0
votes
1 answer

Vue CLI 3 - Is there a way to see HTMLWebpackPlugin's templateParameters function contents?

When I run vue inspect it says that the templateParameters function was omitted long function. templateParameters: function () { /* omitted long function */ }, I'm interested in seeing what's in here. Is there a way to view the long function?
Chad
  • 1,708
  • 1
  • 25
  • 44
0
votes
1 answer

Working with SVG icon files in vue cli 3 project

I would like to find a way to include an SVG file (social media icons) within my Vue components and then inline it to cut down on http requests. In my last project I simply pasted the svg element directly into the Vue component like this which is…
GustavMahler
  • 657
  • 1
  • 6
  • 23
0
votes
1 answer

How do I optimize build of custom mode in vue cli 3

We can set custom modes in cli 3. Because it is not a production mode, it would not be a optimized build. How do I set config to custom mode to reach the optimized build as production mode. custom mode(staging) in package.json The files of default…
Abner Wang
  • 23
  • 6
0
votes
1 answer

how to change VUE main.js to use routers/index.js

Why does the VUE UI main.js code generated by CLI/3 differ from the older syntax, what are its parts and how does it work? sync(store, router) // for vuex-router-sync new Vue({ router, store, render: h => h(App) }).$mount('#app') Used to…
pashute
  • 3,965
  • 3
  • 38
  • 65
0
votes
1 answer

vue-cli 3 import 'bootstrap/dist/css/bootstrap.css' error

I am converting an existing Vue project to vue-cli 3 and have run into an unexpected problem: In a .js file, I get this error (when I run npm run serve) for the line import 'bootstrap/dist/css/bootstrap.css'; error: 'bootstrap' should be listed in…
Mark L.
  • 493
  • 1
  • 4
  • 13
0
votes
1 answer

Unable to call npm run build using vue-cli in production

Expected Behavior npm run build should create the production dist bundle that I can serve on a given machine Current Behavior Despite being able to build locally, whenever I try to run npm run build on an external resource (such as a Digital Ocean…
Lukon
  • 255
  • 4
  • 20
0
votes
1 answer

Vue-CLI 3: Can I have non-single file component SASS compiled by the CLI?

When a project is created by the Vue-CLI 3, a public/index.html is created.
Stephen
  • 2,410
  • 3
  • 33
  • 57
0
votes
0 answers

vue-cli 3.x - change src and public dirs

I have a project created with vue cli (vue --version -> 3.0.1.) It has next file structure: |-public |-src | ... |-pakage.json I want to add server part using same package.json. It will be great to move src and public folders to client folder to…
beardmeaning
  • 232
  • 3
  • 14
0
votes
1 answer

import js module in js file in vuejs2

I've started a project with the new vue-cli 3.0 and I've added the qwery npm module in node package.json npm i qwery and in my-file.js which is at same level as main.js I import it the following way: import {qwery as $q} from "qwery" The build…
Bat Man
  • 369
  • 1
  • 4
  • 14
-1
votes
0 answers

How to set data based on API response

My expectation is that when the button is clicked by the user, the data will appear according to the active category, if the sealin of these two things displays an error in the template methods: { fetchCategory() { const API_URL_Categories =…
galangFirstDev
  • 1
-1
votes
1 answer

TypeError: Cannot set properties of undefined (setting 'message') in Vue

i'm new in Vue.js, so there are concepts that maybe i'm missing. The thing is that i've been trying to do this for months, but i couldn't get a solution. What i'm trying to do is change the message of a v-alert but on another js script, importing…
Emanuel Rodriguez
  • 15
  • 1
  • 6
-1
votes
1 answer

Should I add Babel in order to use Webpack?

According to a post I’ve read: Babel’s plugin-syntax-dynamic-import is essential to be able to use lazy loading. Otherwise webpack will not compile this syntax const AppHome= () => import("@/components/AppHome"); In addition, I can’t see Webpack…
benams
  • 4,308
  • 9
  • 32
  • 74
-1
votes
1 answer

Vue custom search filter doesn't match with v-model value

This is my code :
And my computed function : data() { return { searchInput: '', badges: [ 'JS', 'BitBucket' ] …
user9645391
1 2 3
…
46
47