Questions tagged [vue-cli-5]
16 questions
5
votes
0 answers
vuejs: vue-cli 5 webpack cannot resolve url() in css
I put the images in public directory(which contains index.html) and I use url() to make a background just like:
.login-container {
background-image: url('/static/image1.png'),url('/static/image2.png');
}
but the vue-cli5 say that
Can't resolve…

radiorz
- 1,459
- 4
- 18
- 36
4
votes
2 answers
Vue CLI 5 with Vuetify SCSS variables and CSS imports
I work for an organization that try to migrate a project from Vue CLI 4 to Vue CLI 5.
The project uses Vuetify and we have SCSS files that are used in the styles/variables.scss file (required by Vuetify to customize style) and also used in Vue…

KevinFabre
- 43
- 6
3
votes
0 answers
Vue cli 5 not building chunk-vendors.css in production mode
After updating my vue cli version to 5.0.1 I had tried to build my app using both dev mode and production mode. I use code splitting and have many files dynamically imported to move into their own chunks. Before on the vue-cli V4 on production it…

C. Short
- 304
- 2
- 13
3
votes
1 answer
How to change filename inside a rule? (Vue CLI 5)
I have this rule, using vue inspect
/* config.module.rule('svg') */
{
test: /\.(svg)(\?.*)?$/,
type: 'asset/resource',
generator: {
filename: 'img/[name][ext]'
}
…

Gorilka
- 484
- 4
- 15
1
vote
0 answers
How can I solve this dependency error for yarn global add @vue/cli?
Within a Mac environment, I am trying to upgrade the Vue CLI v4.5.13 to 5.0.8 using Yarn as the package manager.
Enter image description here
After fetching the packages, the terminal result is:
ted (end-of-life October 22nd 2023). This package's…

informix
- 39
- 6
1
vote
0 answers
validationError: Progress plugin invalid options VueJS
There are several vulnerabilities shows in audit fix command in my vue project. When I upgrade @vue/cli-service package to v5.0.8 from v4.5.17, I get progressPlugin error.
My other package version are:
"dependencies": {
"core-js":…

Darshan Soni
- 21
- 1
- 9
1
vote
1 answer
Module not found: Error: Can't resolve './node_modules/core-js/fn/promise' vue cli
I am using vue to write a chrome extension.I initialize my project through vue-cli-plugiin-chrome-extension.
I use promise in my background.js.When i run npm run build-watch,it throw the erro like this
Module not found: Error: Can't resolve…

cod002
- 31
- 4
0
votes
0 answers
how to lazy-load css stylesheet from 3rd party package on Vue 2?
When a 3rd party package have to be imported along with its .css stylesheet, how do I lazy-load the stylesheet in my custom components? I'm using Vue CLI 5 and Webpack 5
For example, I have some custom components in which I lazy-load a 3rd party…

GUIJS
- 69
- 1
- 5
0
votes
0 answers
How do I enable prefetch with Vue + Webpack (Vue CLI 5)?
Edit: Vue CLI 5 does not add the preload/prefetch plugin to the webpack config anymore. I tried adding the @vue/preload-webpack-plugin plugin myself and adding in the same config that the Vue CLI 4 used to add, but that still didn't work. Would love…

Jim Cooper
- 5,113
- 5
- 30
- 35
0
votes
0 answers
What could cause trying to load a chunk non-existent in the 'runtimeChunk'?
Lately I've been having issues with Webpack5 chunks and caching, I guess. The thing is after a deploy, the changed chunks sometimes change their Id, but the app still tries to fetch the chunk with its old Id, the Network tab says it requests for:…

Gmee
- 61
- 1
- 5
0
votes
0 answers
Error while making Vue application run with HTTPS
I'm working on a Vue 2 application and am using Vue-cli version 5.0.6. I have to convert it to HTTPS. Going through the internet, I found this solution.
After implementing the solution, my vue.config.js file looks like this:
const fs =…

Zoha Malik
- 469
- 1
- 7
- 19
0
votes
1 answer
Terser Plugin doesnt run with Vue CLI 5 on vue build
I am trying to create a production build with the following configureWebpack but Terser doesnt run during build.
Code is not minimized or uglified. Ialso tried hidden-source-map
Using "terser-webpack-plugin": "^5.3.3" with @vue/cli@5.0.7
isProd is…

Constantinos N
- 253
- 3
- 17
0
votes
1 answer
Vue-cli 5 publish a single js and load from html page
I'm develop an app in Vue 2, using webpack. Currently only publish a '.js' file in remote directory, and from a Sharepoint page will be loaded.
I'm trying to migrate to Vue 3, but I can't publish only de js file, and it will not loaded from…

user2171002
- 45
- 6
0
votes
1 answer
Install Vuetify 3 with Vue CLI 5.x
In vuetify documention:
The current version of Vuetify does not support Vue 3. Support for Vue
3 will come with the release of Vuetify v3. When creating a new
project, please ensure you selected Vue 2 from the Vue CLI prompts, or
that you are…

Darwin
- 1,695
- 1
- 19
- 29
0
votes
1 answer
Building Vue app after upgrading to version 5 starts throw "Uncaught SyntaxError: Unexpected token ':'"
After upgrading @vue/cli-service to version ^5.0.4. the build command is not functioning normally as before. after building vue js for production, this was showing Uncaught SyntaxError: Unexpected token ':' in the console. After checking the code,…

Mohammad.Kaab
- 1,025
- 7
- 20