No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    After 0.14.1 Update: "Unkown custom element" errors for q-elements?

    Help
    2
    4
    1182
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • arjanski
      arjanski last edited by

      Hello there,

      I’ve set up a new quasar install recently and just updated to 0.14.1 yesterday. Now when run dev I realize that apparently no q-element can be found. The Index.vue (which is basically still the out-of-the-box file) returns errors for every q-element, starting with

      [Vue warn]: Unknown custom element: <q-layout> - did you register the component correctly? For recursive components, make sure to provide the “name” option.

      The main.js is untouched. Does anyone have an idea what I did wrong, as this obviously has to do with my installation? My package.json reads

      “dependencies”: {
      “axios”: “^0.16.2”,
      “babel-runtime”: “^6.0.0”,
      “fastclick”: “^1.0.6”,
      “material-design-icons”: “^3.0.1”,
      “moment”: “^2.15.0”,
      “node-sass”: “^4.5.3”,
      “quasar-extras”: “0.0.7”,
      “quasar-framework”: “^0.14.1”,
      “roboto-fontface”: “^0.7.0”,
      “sass-loader”: “^6.0.6”,
      “vue”: “^2.3.0”,
      “vue-router”: “^2.0.0”
      },

      and “npm ls” returns
      quasar-extras@0.0.7
      quasar-framework@0.14.1

      Thank you very much in advance for your help!

      A Quasar Newbie

      1 Reply Last reply Reply Quote 0
      • a47ae
        a47ae last edited by

        Please read up on it here: http://quasar-framework.org/components/introduction-for-beginners.html#Using-Quasar-Components

        tl;dr In Quasar v0.14 you have to explicitly import each component to minimize the resulting bundle size by not including unneeded components. You can do that in you main.js

        1 Reply Last reply Reply Quote 0
        • arjanski
          arjanski last edited by

          Thank you @a47ae , sorry I did not notice that tree shaking is the default now… So I did not question my import statement. The errors are gone when importing all components for testing.

          1 Reply Last reply Reply Quote 0
          • a47ae
            a47ae last edited by

            No problem, a lot of things changed in 0.14 so it is sometimes hard to keep up with all the changes. 😃
            Glad to hear that your errors could be resolved 🙂

            1 Reply Last reply Reply Quote 0
            • First post
              Last post