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…
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
1
2