Comments (4)
Maybe it can help: i'm using Quasar in a Laravel based solution and used code below in webpack.mix.js
.webpackConfig({
resolve: {
alias: {
'quasar-framework': path.resolve(`node_modules/quasar-framework/dist/quasar.mat.esm.js`),
'quasar': path.resolve(`node_modules/quasar-framework/dist/quasar.mat.esm.js`),
'quasar-variables': path.resolve(`node_modules/quasar-framework/dist/core.variables.styl`),
'variables.styl': path.resolve(`node_modules/quasar-framework/dist/core.variables.styl`),
'quasar-stylus': path.resolve(`node_modules/quasar-framework/dist/quasar.mat.styl`)
}
}
})
You can modify the aliases to meet your environment. quasar-calendar
are using the quasar
and variables.styl
entries. If you read the Quasar theming page, in the code is written "variables" is a Webpack alias (provided out of the box by Quasar CLI)
... so, if you are not using quasar-cli
you must set the aliases to match.
from daykeep-calendar-quasar.
if i add
"stylus": "^0.54.5",
"stylus-loader": "^3.0.2"
` INFO Starting development server...
94% after seal
ERROR Failed to compile with 8 errors 12:29:56
error in ./node_modules/quasar-calendar/src/components/calendar/CalendarAgendaEvent.vue?vue&type=style&index=0&lang=stylus
Module build failed (from ./node_modules/stylus-loader/index.js):
Error: Front\node_modules\quasar-calendar\src\components\calendar\calendar.vars.styl:1:9
1| @import '~variables'
--------------^
2|
3| $sevenCellWidth = 14.285%
4| $cellHeight = 8em
failed to locate @import file ~variables.styl
`
from daykeep-calendar-quasar.
Why would you install in that order ?
1.- npm install -g quasar-cli
2.- quasar init <folder_name>
3.- cd <folder_name>
4.- npm install quasar-calendar
5.- quasar dev
from daykeep-calendar-quasar.
@SadovovAlex The best thing I can recommend is to look at the Quasar theming page that discusses the use of @import '~variables'
- I'm using the import just like they mention there.
from daykeep-calendar-quasar.
Related Issues (20)
- Quasar no longer provides CloseDialog directive HOT 2
- CalendarMonth previous month day should display on current month calendar just like Google Calendar.
- 如何在vue 里面安装使用呢 HOT 1
- How to install the project with NPM? This is the project vue cli 2.x. Can I use this plug-in? If possible, how to install it? Could you please give me some advice
- Can you guys use some help?
- Edit Event Modal not working HOT 3
- Cannot find declaration or cannot find exported members. HOT 1
- Please add ability to add events to demo
- Please add a reservation view
- render-html not propagated
- agenda multiple all-day events
- Changing multi day views ignores day-display-start-hour
- Calendar (v0.3.4) events not showing correctly on chrome 80
- Color - Hexadecimal
- Fit height
- Events not being shown at all
- can i click the year button to locate a certain year?
- Get the month the calendar is selected
- Readme.md is not enough to use calendar.
- Question: Upgrade to v2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from daykeep-calendar-quasar.