Unable to setup a project according to getting started guide: Missing module

[yatsura]

Hi,

I'm investigating the use of Caluma and was following the guide (https://caluma.gitbook.io/caluma-docs/guides/guide). The application starts, however, when I access the site no content appears and I get a missing module error.

Uncaught Error: Could not find module `@ember/test-waiters` imported from `ember-apollo-client/services/apollo`

I've tried a couple of different versions of ember-apollo-client (4.1.1 and 4.02)

I've been able to get further by using embroider, however, I get a different error which seems to be related to a known issue with embroider and ember-validated-form

I've also been able to use the test app within this project to add questions and forms but I've been unable to create get a working app of my own.

Any advice would be greatly apricated.

Client setup

$ember version
ember-cli: 5.12.0
node: 20.17.0
os: linux x64

package.json

{
  "name": "caluma-demo",
  "version": "0.0.0",
  "private": true,
  "description": "Small description for caluma-demo goes here",
  "repository": "",
  "license": "MIT",
  "author": "",
  "directories": {
    "doc": "doc",
    "test": "tests"
  },
  "scripts": {
    "build": "ember build --environment=production",
    "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\"",
    "lint:css": "stylelint \"**/*.css\"",
    "lint:css:fix": "concurrently \"pnpm:lint:css -- --fix\"",
    "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\"",
    "lint:hbs": "ember-template-lint .",
    "lint:hbs:fix": "ember-template-lint . --fix",
    "lint:js": "eslint . --cache",
    "lint:js:fix": "eslint . --fix",
    "start": "ember serve",
    "test": "concurrently \"pnpm:lint\" \"pnpm:test:*\" --names \"lint,test:\"",
    "start-proxy": "ember serve --proxy http://localhost:8000",
    "test:ember": "ember test"
  },
  "devDependencies": {
    "@babel/core": "^7.25.2",
    "@babel/eslint-parser": "^7.25.1",
    "@babel/plugin-proposal-decorators": "^7.24.7",
    "@ember/legacy-built-in-components": "^0.5.0",
    "@ember/optional-features": "^2.1.0",
    "@ember/string": "^4.0.0",
    "@ember/test-helpers": "^3.3.1",
    "@glimmer/component": "^1.1.2",
    "@glimmer/tracking": "^1.1.2",
    "@projectcaluma/ember-core": "^14.1.1",
    "@projectcaluma/ember-form": "^14.1.1",
    "@projectcaluma/ember-form-builder": "^14.1.1",
    "broccoli-asset-rev": "^3.0.0",
    "concurrently": "^8.2.2",
    "ember-apollo-client": "^4.1.1",
    "ember-auto-import": "^2.8.1",
    "ember-autoresize-modifier": "^0.8.0",
    "ember-basic-dropdown": "^8.6.0",
    "ember-changeset": "^4.1.2",
    "ember-changeset-validations": "^4.1.2",
    "ember-cli": "~5.12.0",
    "ember-cli-app-version": "^7.0.0",
    "ember-cli-babel": "^8.2.0",
    "ember-cli-clean-css": "^3.0.0",
    "ember-cli-dependency-checker": "^3.3.2",
    "ember-cli-htmlbars": "^6.3.0",
    "ember-cli-inject-live-reload": "^2.1.0",
    "ember-cli-sass": "^11.0.1",
    "ember-cli-showdown": "^9.0.1",
    "ember-cli-sri": "^2.1.1",
    "ember-cli-terser": "^4.0.2",
    "ember-composable-helpers": "^5.0.0",
    "ember-concurrency": "^4.0.3",
    "ember-data": "~5.3.8",
    "ember-engines": "^0.12.0",
    "ember-fetch": "^8.1.2",
    "ember-flatpickr": "^8.0.1",
    "ember-focus-trap": "^1.1.1",
    "ember-in-viewport": "^4.1.0",
    "ember-intl": "^7.1.5",
    "ember-load-initializers": "^2.1.2",
    "ember-math-helpers": "^4.2.1",
    "ember-modifier": "^4.2.0",
    "ember-page-title": "^8.2.3",
    "ember-power-select": "^8.7.0",
    "ember-qunit": "^8.1.0",
    "ember-resolver": "^12.0.1",
    "ember-source": "~5.12.0",
    "ember-template-lint": "^6.0.0",
    "ember-toggle": "^9.0.3",
    "ember-truth-helpers": "^4.0.3",
    "ember-uikit": "^9.1.3",
    "ember-validated-form": "^7.0.1",
    "ember-welcome-page": "^7.0.2",
    "eslint": "^8.57.1",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-ember": "^12.2.1",
    "eslint-plugin-n": "^16.6.2",
    "eslint-plugin-prettier": "^5.2.1",
    "eslint-plugin-qunit": "^8.1.2",
    "graphql": "^16.10.0",
    "loader.js": "^4.7.0",
    "prettier": "^3.3.3",
    "qunit": "^2.22.0",
    "qunit-dom": "^3.2.1",
    "sass": "^1.86.0",
    "stylelint": "^15.11.0",
    "stylelint-config-standard": "^34.0.0",
    "stylelint-prettier": "^4.1.0",
    "tracked-built-ins": "^3.3.0",
    "webpack": "^5.95.0"
  },
  "engines": {
    "node": ">= 18"
  },
  "ember": {
    "edition": "octane"
  },
  "packageManager": "pnpm@10.2.0+sha512.0d27364e0139c6aadeed65ada153135e0ca96c8da42123bd50047f961339dc7a758fc2e944b428f52be570d1bd3372455c1c65fa2e7aa0bfbf931190f9552001"
}

ember-cli-build.js

'use strict';

const EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function (defaults) {
  const app = new EmberApp(defaults, {
    "ember-uikit": {
      notification: {
        "timeout": 5000,
        "group": null,
        "pos": "top-center",
      }
    }
  });

  return app.toTree();
};

[nlzet]

Hi @yatsura ,

I've been looking into this issue, and I believe the problem happens because of a resolution conflict. The package @ember/test-waiters is installed with multiple versions, and it fails to resolve the correct version here.

Could you try adding the following to your package.json and install the dependencies again, and see if this resolves this error ?

"resolutions": {
    "@ember/test-waiters": "4.1.0"
}