Unable to install Taskboard 5.5.4 for React

[agarcia]

Hi support,
we are trying to install the taskboard 5.5.4 in a React Project, where we have already installed Bryntum Grid with no issues, but on installing the taskboard. It does not install.

We tried following exactly this step by step guide, but we are not able to get it installed as we do for the Bryntum Grid:
https://bryntum.com/products/taskboard/docs/guide/TaskBoard/npm-repository

I Send you attached an screenshot with the error we get on trying to install it.

In our package JSON we got this, previosly we did the npm registry and the login was correctly done by the terminal:

"dependencies": {
  "@bryntum/taskboard": "5.5.4",
  "@bryntum/taskboard-react": "5.5.4"
}

Could you help us to get it installed?

Thank you

[marcio]

Hey agarcia,

Can you share what your package.json looks like? I tried to install one of our demos and it installed all correctly with no errors.

Besides, as you mentioned that the login is working correctly, can you try to clear the npm cache, just in case?

[agarcia]

Sure, I share with you the JSON.

{
  "name": "test",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build && node critical.js",
    "postbuild": "purgecss --css build/static/css/*.css --content build/index.html build/static/js/*.js --output build/static/css",
    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview"
  },
  "dependencies": {
    "@bryntum/grid": "^5.5.2",
    "@bryntum/grid-react": "^5.5.2",
    "@bryntum/taskboard": "5.5.4",
    "@bryntum/taskboard-react": "5.5.4",
    "@fortawesome/fontawesome-free": "^6.4.2",
    "@fortawesome/fontawesome-svg-core": "^6.2.1",
    "@fortawesome/free-brands-svg-icons": "^6.2.1",
    "@fortawesome/pro-light-svg-icons": "^6.4.0",
    "@fortawesome/pro-regular-svg-icons": "^6.2.1",
    "@fortawesome/pro-solid-svg-icons": "^6.2.1",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "@radix-ui/react-accordion": "^1.1.2",
    "@radix-ui/react-icons": "^1.3.0",
    "classnames": "^2.3.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-force-graph": "^1.43.0",
    "react-hook-form": "^7.43.1",
    "react-intl": "^6.2.10",
    "react-lines-ellipsis": "^0.15.3",
    "react-router-dom": "^6.6.2",
    "suneditor": "^2.44.3",
    "suneditor-react": "^3.4.1",
    "three-spritetext": "^1.8.1"
  },
  "devDependencies": {
    "@babel/core": "^7.20.12",
    "@trivago/prettier-plugin-sort-imports": "^4.0.0",
    "@vitejs/plugin-react": "^3.0.0",
    "babel-loader": "^8.3.0",
    "critical": "^5.1.1",
    "eslint": "^8.31.0",
    "eslint-config-prettier": "^8.6.0",
    "eslint-config-standard": "^17.0.0",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-promise": "^6.1.1",
    "eslint-plugin-react": "^7.31.11",
    "eslint-plugin-storybook": "^0.6.10",
    "prettier": "^2.8.7",
    "purgecss": "^5.0.0",
    "sass": "^1.57.1",
    "vite": "^4.4.9"
  }
}

Wait for your answer, If we remove the 2 dependencies of Bryntum Taskboard it works perfectly. But as soon as we add these 2 dependencies It crash.

Regards

[johan.isaksson]

Hi,

To combine multiple Bryntum products in a single application using NPM you have to use our new thin npm packages. You should also always use the same version of the packages.

Thin npm packages are new, part of 5.6.0 which is currently in beta. Hopefully we release GA next week.

More information on thin packages: https://bryntum.com/products/grid-next/docs/guide/Grid/integration/react/multiple-products

[agarcia]

Allright Johan.

Thank you very much

Have a nice end of week.

Regards