Our pure JavaScript Scheduler component


Post by lynds »

Hi there,

I'm getting this error on importing the scheduler into the page: "The Bryntum Scheduler bundle was loaded multiple times by the application." I can't figure out the reason for this as everything is exactly as the sample code. Any ideas as to why I would be getting this error?

Page:

<template>
    <div>
        <bryntum-demo-header />
        <bryntum-scheduler v-bind="schedulerConfig" />
    </div>
</template>

<script>
import { BryntumDemoHeader, BryntumScheduler } from '@bryntum/scheduler-vue-3'
import { schedulerConfig } from '~/services/scheduler-config'

export default {
    name: 'SchedulePage',
    components: {
        BryntumDemoHeader,
        BryntumScheduler,
    },
    setup () {
        return {
            schedulerConfig,
        }
    },
}
</script>

<style lang="scss">
</style>

package.json

{
    "private": true,
    "scripts": {
        "build": "nuxt build",
        "dev": "nuxt dev --port=8080",
        "generate": "nuxt generate",
        "preview": "nuxt preview",
        "build:staging": "export NUXT_ENV=staging && nuxt build && nuxt generate",
        "build:production": "export NUXT_ENV=production && nuxt build && nuxt generate"
    },
    "devDependencies": {
        "@babel/core": "^7.18.6",
        "@babel/eslint-parser": "^7.18.2",
        "@mdi/font": "^7.0.96",
        "@nuxtjs/eslint-config": "^10.0.0",
        "@nuxtjs/eslint-module": "^3.1.0",
        "@nuxtjs/stylelint-module": "^4.1.0",
        "@nuxtjs/vuetify": "^1.12.3",
        "eslint": "^8.18.0",
        "eslint-plugin-nuxt": "^3.2.0",
        "eslint-plugin-vue": "^9.1.1",
        "nuxt": "3.0.0-rc.3",
        "postcss": "^8.4.14",
        "postcss-html": "^1.5.0",
        "postcss-scss": "^4.0.4",
        "stylelint": "^14.9.1",
        "stylelint-config-recommended-vue": "^1.4.0",
        "stylelint-config-standard": "^26.0.0",
        "stylelint-config-standard-scss": "^4.0.0",
        "stylelint-scss": "^4.2.0"
    },
    "dependencies": {
        "@bryntum/scheduler": "npm:@bryntum/scheduler-trial@^5.2.4",
        "@bryntum/scheduler-vue-3": "^5.2.4",
        "@nuxtjs/axios": "^5.13.6",
        "@pinia/nuxt": "^0.1.9",
        "@vuepic/vue-datepicker": "^3.3.1",
        "apexcharts": "^3.35.3",
        "date-fns": "^2.29.1",
        "deepmerge": "^4.2.2",
        "lodash": "^4.17.21",
        "pinia": "^2.0.14",
        "pinia-plugin-persistedstate": "^1.5.2",
        "sass": "^1.56.1",
        "uuid": "^8.3.2",
        "v-viewer": "^3.0.10",
        "vue": "^3.2.33",
        "vue3-apexcharts": "^1.4.1",
        "vuetify": "^3.0.0-beta.3"
    }
}


Post by alex.l »

Hi lynds,

We are on the way to test and add fully support for Nuxt, we have a ticket for that https://github.com/bryntum/support/issues/4506 This sounds like a known issue.
Please check this ticket https://github.com/bryntum/support/issues/5527
It has a tip in comments.
Let us know if it helped.

All the best,
Alex


Post Reply