qui-max
qui-max copied to clipboard
Cant get styles to load
Followed the steps outlined. Components seem to be loaded, but the styles are missing or not being rendered.
<q-button>Primary</q-button>
<q-button theme="secondary">Secondary</q-button>
<q-button theme="link">Link</q-button>
<q-button loading>Primary</q-button>

Hi, @FuriousLlama, can you show your full setup code?
Sure thing @Tim152 : package.json
{
"name": "my-website",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@qvant/qui-max": "0.18.0",
"vue": "^3.2.13",
"vue-class-component": "^8.0.0-0",
"vue-router": "^4.0.3",
"vuex": "^4.0.0"
},
"devDependencies": {
"@typescript-eslint/eslint-plugin": "^5.4.0",
"@typescript-eslint/parser": "^5.4.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-typescript": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"@vue/eslint-config-typescript": "^9.1.0",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-vue": "^8.0.3",
"prettier": "^2.4.1",
"typescript": "~4.5.5"
}
}
main.ts
import { createApp } from "vue";
import Qui from "@qvant/qui-max";
import '@qvant/qui-max/styles';
import App from "./App.vue";
import router from "./router";
import store from "./store";
const app = createApp(App);
app.use(Qui);
app.use(store);
app.use(router);
app.mount("#app");
Everything else is the default of the vue-cli setup. Please let me know if you need any additional information
@FuriousLlama it's working in sandbox https://codesandbox.io/s/upbeat-wood-1egosc
Do you have some console/app errors ? Have you tried reinstall node_modules with removing package.lock | yarn.lock ?