Hi everyone!
I’m currently in the process of upgrading my Ember app, and I’m running into an issue I can’t resolve. I’m hoping someone might have encountered this before or might help me with advice.
Upgrade context:
Ember CLI: upgraded from 5.4.2
→ 5.12.0
Ember Data: upgraded from 5.3.0
→ 5.3.8
After the upgrade, the app builds successfully, but when I try to run it, I get this error in the browser console (Could not find module @ember-data/request-utils/deprecation-support
imported from main-app/initializers/ember-data
):
My package.json:
"devDependencies": {
"gulp": "^4.0.2",
"gulp-concat": "2.6.1",
"gulp-cssmin": "0.2.0",
"gulp-uglify": "3.0.2",
"gulp-clean-css": "4.3.0",
"gulp-less": "5.0.0",
"gulp-sass": "5.1.0",
"del": "3.0.0",
"rimraf": "5.0.5",
"sass": "~1.70.0",
"@progress/kendo-theme-default": "8.2.1",
"@babel/core": "^7.25.2",
"@babel/plugin-proposal-decorators": "^7.24.7",
"@ember/optional-features": "^2.1.0",
"@ember/string": "^4.0.0",
"@glimmer/component": "^1.1.2",
"@glimmer/tracking": "^1.1.2",
"broccoli-asset-rev": "^3.0.0",
"ember-auto-import": "^2.8.1",
"ember-cli": "5.12.0",
"ember-cli-app-version": "^7.0.0",
"ember-cli-babel": "^8.2.0",
"ember-cli-dependency-checker": "^3.3.2",
"ember-cli-htmlbars": "^6.3.0",
"ember-cli-sri": "^2.1.1",
"ember-cli-terser": "^4.0.2",
"ember-fetch": "^8.1.2",
"ember-load-initializers": "^2.1.2",
"ember-modifier": "^4.2.0",
"ember-page-title": "^8.2.3",
"ember-resolver": "^12.0.1",
"ember-data": "5.3.8",
"ember-source": "5.12.0",
"loader.js": "^4.7.0",
"tracked-built-ins": "^3.3.0",
"webpack": "^5.95.0",
"ember-cp-validations": "7.0.0",
"@ember/render-modifiers": "^3.0.0"
},
Has anyone run into this issue after upgrading to Ember CLI 5.12?
Is there a recommended way to resolve or avoid this module import error?
Any insights or tips would be greatly appreciated!