Found it at http://quasar-framework.org/guide/app-quasar.conf.js.html#Build-Property
I have to use publicPath
.
Found it at http://quasar-framework.org/guide/app-quasar.conf.js.html#Build-Property
I have to use publicPath
.
<style lang="stylus" scoped>
main
background: url(~assets/background.jpg) no-repeat center center fixed
</style>
This gives me the following error:
Module build failed: Error: /home/alex/github/node-admin-client/src/pages/index.vue:14:20 10| </template>
12| <style lang="stylus" scoped>
13| main {
14| background: url(~assets/background.jpg) no-repeat center center fixed;
--------------------------^
TypeError: expected unit, but got ident:assets
What can I do to fix this, using the same as CSS works.
After I build my nearly unchanged starter kit I find the files under dist/spa-mat. But if I add them to my server in a subdirectory I get some 404 errors caused by the setting <base href=/ >
within the index.html which makes all links absolute. How to prevent this or where to set the application root correctly?
Looks like this comes from <base href="<%= htmlWebpackPlugin.options.appBase %>">
within the index.template.html file. But where to set this appBase?
The headings h1…h4 are a way to big in my opinion. How or there should I change them?
<q-chips-input v-model="roles_chips" placeholder="Type some characters to search"
@duplicate="duplicate">
<q-autocomplete @search="search" :debounce="100" />
</q-chips-input>
How can I prevent the user to add something which is not in the autocomplete search list?
Sorry, but won’t work for me, I got an vertical scrollbar without anything else, so I have to set minWidth and minHeight:
<q-modal v-model="$store.state.layout.login" @show="focusLogin"
:content-css="{minWidth: '380px', minHeight: '330px'}">
<!-- wont work: :content-css="{height: 'auto', width: 'auto'}"> -->
<q-modal-layout>
<q-toolbar slot="header">
<q-btn flat round dense v-close-overlay
icon="keyboard_arrow_left"
:title="$t('layout.goBack')" />
<q-toolbar-title>{{ $t('layout.login.title') }}</q-toolbar-title>
</q-toolbar>
<div class="q-pa-md">
<q-field class="q-pb-md"
icon="email"
:label="$t('layout.login.email')"
orientation="vertical"
:error="$v.loginData.email.$error"
:error-label="$t('layout.login.emailError')"
>
<q-input v-model.trim="loginData.email"
type="email"
placeholder="demo@alinex.de"
autofocus
ref="loginEmail"
@blur="$v.loginData.email.$touch"
/>
</q-field>
<q-field
icon="vpn key"
:label="$t('layout.login.password')"
orientation="vertical"
:error="$v.loginData.password.$error"
:error-label="$t('layout.login.passwordError')"
>
<q-input v-model="loginData.password"
type="password" clearable
placeholder="demo123"
@blur="$v.loginData.password.$touch"
@keyup.enter="login"
/>
</q-field>
<div class="q-pt-md float-right">
<q-btn color="primary" icon="lock"
:label="$t('layout.login.submit')"
@click="login" />
</div>
</div>
</q-modal-layout>
</q-modal>
Building the SPA or PWA works great, but if I build electron I got:
WARNING in ./node_modules/bindings/bindings.js
81:22-40 Critical dependency: the request of a dependency is an expression
@ ./node_modules/bindings/bindings.js
@ ./node_modules/utf-8-validate/index.js
@ ./node_modules/ws/lib/validation.js
@ ./node_modules/ws/lib/receiver.js
@ ./node_modules/ws/index.js
@ ./node_modules/engine.io-client/lib/transports/websocket.js
@ ./node_modules/engine.io-client/lib/transports/index.js
@ ./node_modules/engine.io-client/lib/socket.js
@ ./node_modules/engine.io-client/lib/index.js
@ ./node_modules/socket.io-client/lib/manager.js
@ ./node_modules/socket.io-client/lib/index.js
@ ./src/feathers.js
@ ./src/plugins/feathers.js
@ ./.quasar/entry.js
@ multi ./.quasar/entry.js
WARNING in ./node_modules/bindings/bindings.js
81:43-53 Critical dependency: the request of a dependency is an expression
@ ./node_modules/bindings/bindings.js
@ ./node_modules/utf-8-validate/index.js
@ ./node_modules/ws/lib/validation.js
@ ./node_modules/ws/lib/receiver.js
@ ./node_modules/ws/index.js
@ ./node_modules/engine.io-client/lib/transports/websocket.js
@ ./node_modules/engine.io-client/lib/transports/index.js
@ ./node_modules/engine.io-client/lib/socket.js
@ ./node_modules/engine.io-client/lib/index.js
@ ./node_modules/socket.io-client/lib/manager.js
@ ./node_modules/socket.io-client/lib/index.js
@ ./src/feathers.js
@ ./src/plugins/feathers.js
@ ./.quasar/entry.js
@ multi ./.quasar/entry.js
app:build [SUCCESS] ELECTRON with "mat" theme in "dist/electron-mat/UnPackaged" folder +1ms
What can I do, I already added the following npm modules to my dev dependencies: bufferutil utf-8-validate bindings
But the warning stays. Althought the build looks successful.
You need to set the publicPath
see http://quasar-framework.org/guide/app-quasar.conf.js.html#Build-Property
Is there no possibility to decrease font size of h1…h3 globally?
I don’t want to use <p class=“h1”> everythere and add font size, weight and margin like it should be on heading.
How can I overwrite this basic stylus settings for font-size of headings?
The headings h1…h4 are a way to big in my opinion. How or there should I change them?
I want to have multiple carousel elements in one page but withh different scroll times. If I set autoplay with different times it won’t work but all slide together.
Is this a bug?
Can anybody help? I made an example here https://codepen.io/anon/pen/GxvYEJ
I thin you used an older version of quasar-cli. Please install the newest cli v 0.15.12
$ npm install -g quasar-cli
$ quasar -v
0.15.12
Then create your application again.