qui-max icon indicating copy to clipboard operation
qui-max copied to clipboard

Cant get styles to load

Open FuriousLlama opened this issue 2 years ago • 7 comments

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>

image

FuriousLlama avatar Jan 19 '23 02:01 FuriousLlama

Hi, @FuriousLlama, can you show your full setup code?

cheesytim avatar Jan 19 '23 14:01 cheesytim

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 avatar Jan 19 '23 17:01 FuriousLlama

@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 ?

cheesytim avatar Jan 20 '23 10:01 cheesytim