All Questions
Tagged with vue-component webpack
162
questions
0
votes
0
answers
35
views
How to include the Vuetify2 library only once?
I have many of my libraries and they all use VUE 2 and VUETIFY 2, how do I include them only once in the parent component? I want to reduce the size of the included libraries.
Example vue.config of ...
- 1
1
vote
0
answers
365
views
Vue template inlining results in typescript errors not shown by Volar/vue-tsc
I'm using Vue 3 + typescript + webpack with SFCs using . I noticed that although my application runs fine using the webpack dev server, when I run a production build I get a lot of mysterious errors ...
- 145
0
votes
1
answer
505
views
VueCompilerError: Illegal tag name. Use '<' to print '<'
I am migrating a Vue 2 app to Vue 3, and using [email protected] with vue/[email protected] with compatConfig MODE=2.
The following error appear.
ERROR in ./resources/src/views/app/pages/transfers/edit_transfer....
- 21
1
vote
0
answers
283
views
Vue router not routing with URL paths
So I'm working with Vue 3 and Vue Router 4 and I'm having an issue when running my code with webpack-dev-server. Whenever I run my app webpack-dev-server --mode development the landing page looks ...
- 11
7
votes
1
answer
1k
views
web component with vue 3 - styles are not added
I'd like to export some of the components I use in my vue projects as web-component in order to be able to use them on other non-vue projects.
I see that vue has support for this, and it exports web-...
- 6,318
1
vote
1
answer
371
views
Use env variable in VueJS SPA components at runtime?
I'm building a simple SPA with VueJs and Webpack, and would like to use/access env variables from my VueJS components.
I know I will not be able to change those variables "on the fly" but ...
- 2,660
0
votes
0
answers
300
views
vuejs 3: not rendered template from sfc component
I have one project with webpack and i want to add vue to this.
Vue work (function via mounted() show console.log), but i can't render template from sfc component.
Not errors in console.
This trouble ...
0
votes
0
answers
40
views
Pass prop in img src in template
In my component, I am trying to pass a dynamic string prop to the image src
<template>
<div class="flex flex-column col-12 md:col-6 xl:col-4 surface-card p-4 border-round border-bg text-...
- 657
-1
votes
1
answer
664
views
Vue3 Component doesn't render in production when using v-bind:href require()
Everything works fine when developing but once I export for production 1 component doesn't render and instead gets replaced by <!--->
After some debugging, I discovered that this happens because ...
0
votes
0
answers
955
views
Webpack 5 doesn't see styles in vue 2 sfc
I'm starting a legacy assembly of webpack 3 on webpack 5. When setting up the config and updating plugins, I ran into a problem, the sfc components of vue see only the styles of scss modules.
<!-- ...
- 161
1
vote
1
answer
187
views
import vuejs router component with webpack
In vuejs, when I import a component in the router as such: import('@/layout') it works fine and as expected. If one had to stringify the outcome, it would look like this:
function ()
{
return ...
- 124
4
votes
2
answers
6k
views
Vue 3: defineAsyncComponent not resolving .vue files and not splitting chunks
I'm trying to load Vue 3 components in a asynchronous way. I've found that there is a function called
defineAsyncComponent
which is supposed to be used as follows:
const GameUI = defineAsyncComponent(...
- 1,054
0
votes
0
answers
262
views
Vue - Webpack - Force scss @import to be chunked in to a shared file?
I'm currently experiencing a pattern where in Vue I have this in a number of different components. What I'm finding is that webpack is then going ahead and including the contents of src/assets/styles/...
- 365
1
vote
1
answer
128
views
Multiple webpack bundles, one vuex store
I have vue project which has multiple webpack bundles. However one page could have multiple bundles present with multiple components hence in order for them to share the same store - we need a single ...
- 354
5
votes
2
answers
6k
views
This dependency was not found: *swiper/vue how to fix?
I'm scratching my head because I ran npm i swiper and read through the Swiper Vue docs and it says to import { Swiper, SwiperSlide } from 'swiper/vue which I've done and I even get the bundle size ...
- 107