Hello, I’m trying to update my project written in svelte with meteor 3 and I had a problem, so I opened an issue on zodern/melte github. I found where the problem originated. I hope it helps for the solution.
opened 11:14AM - 11 Jun 24 UTC
Hello, I recently migrated my project to Meteor 3.0 and encountered an issue. I … found out where the problem is coming from, but what can we do as a solution?
I updated my application sequentially with the following commands:
`meteor update --release 3.0-rc.2`
`meteor reset`
`rm -rf node_modules`
`rm -rf package-lock.json`
`meteor npm i`
Then I ran my application.
`meteor --settings settings.json --port 4100 --raw-logs`
The application runs successfully, but on the client side, the application remains on a white screen and I get the following error in the log.
```
Uncaught ReferenceError: __DYNAMIC_VERSIONS__ is not defined
at module (dynamic-import.js:452:16)
at fileEvaluate (modules-runtime-hot.js:386:7)
at Module.require (modules-runtime-hot.js:268:27)
at mod.require (modules.js:295:33)
at require (modules-runtime-hot.js:308:21)
at module (dynamic-import.js:30:23)
at fileEvaluate (modules-runtime-hot.js:386:7)
at Module.require (modules-runtime-hot.js:268:27)
at mod.require (modules.js:295:33)
at Object.require (modules-runtime-hot.js:308:21)
```
My observation is that when I remove the `svelte:compiler` setting from `package.json` and add the `static-html@1.3.3-rc300.2` package to the application, it works.
Below is the content of the `packages` file and `package.json` for the application.
packages:
```
meteor-base@1.5.2-rc300.2 # Packages every Meteor app needs to have
mobile-experience@1.1.2-rc300.2 # Packages for a great mobile UX
mongo@2.0.0-rc300.2 # The database Meteor supports right now
standard-minifier-css@1.9.3-rc300.2 # CSS minifier run for production mode
standard-minifier-js@3.0.0-rc300.2 # JS minifier run for production mode
es5-shim@4.8.1-rc300.2 # ECMAScript 5 compatibility for older browsers
ecmascript@0.16.9-rc300.2 # Enable ECMAScript2015+ syntax in app code
typescript@5.4.3-rc300.2 # Enable TypeScript syntax in .ts and .tsx modules
shell-server@0.6.0-rc300.2 # Server-side component of the `meteor shell` command
# static-html@1.3.3-rc300.2 # Define static page content in .html files
zodern:melte # Meteor package to allow us to create files with the .svelte extension
hot-module-replacement@0.5.4-rc300.2 # Update client in development without reloading the page
zodern:types # Enable types from meteor/atmosphere packages
reactive-var@1.0.13-rc300.2
reactive-dict@1.3.2-rc300.2
# universe:i18n
accounts-password@3.0.0-rc300.2
accounts-2fa@3.0.0-rc300.2
random@1.2.2-rc300.2
mdg:validated-method
# percolate:migrations
email@3.0.0-rc300.2
fetch@0.1.5-rc300.2
```
package.json:
```json
{
"name": "namaz-vakti-app",
"private": true,
"scripts": {
"start": "meteor --settings settings.json --port 4100 --raw-logs",
"start:android": "meteor run android-device --settings settings.json --port 4100 --raw-logs --mobile-server=192.168.1.150",
"deploy:prod": "mup deploy --config=.deploy/prod/mup.js --settings=.deploy/prod/settings.json --verbose",
"stop:prod": "mup stop --config=.deploy/prod/mup.js --settings=.deploy/prod/settings.json --verbose",
"restart:prod": "mup restart --config=.deploy/prod/mup.js --settings=.deploy/prod/settings.json",
"reconfig:prod": "mup reconfig --config=.deploy/prod/mup.js --settings=.deploy/prod/settings.json",
"setup:prod": "mup setup --config=.deploy/prod/mup.js --settings=.deploy/prod/settings.json --verbose",
"ssh:prod": "mup ssh --config=.deploy/prod/mup.js --settings=.deploy/prod/settings.json",
"logs:prod": "mup logs --tail 200 -f --config=.deploy/prod/mup.js --settings=.deploy/prod/settings.json",
"shell:prod": "meteor mongo shell --settings=.deploy/prod/settings.json"
},
"dependencies": {
"@babel/runtime": "^7.20.6",
"@material-tailwind/html": "^2.2.2",
"@sentry/svelte": "^7.108.0",
"autoprefixer": "^10.4.17",
"bcrypt": "^5.1.0",
"classnames": "^2.5.1",
"daisyui": "^4.7.2",
"dayjs": "^1.11.9",
"hex-to-css-filter": "^5.4.0",
"meteor-node-stubs": "^1.2.5",
"notiflix": "^3.2.6",
"postcss": "^8.4.33",
"postcss-load-config": "^5.0.2",
"simpl-schema": "^3.4.1",
"svelte": "3.54.0",
"svelte-preprocess": "^5.1.3",
"tailwindcss": "^3.4.1",
"tippy.js": "^6.3.7",
"toastify-js": "^1.12.0"
},
"devDependencies": {
"@types/jquery": "^3.5.16",
"@types/toastify-js": "^1.11.1",
"tinro": "^0.6.12",
"typescript": "^5.2.2"
},
"meteor": {
"mainModule": {
"client": "client/main.js"
},
"nodeModules": {
"recompile": {
"svelte": [
"legacy"
]
}
},
"testModule": "tests/main.js"
},
"svelte:compiler": {
"extensions": [
"svelte",
"html"
],
"hydratable": true,
"css": false
}
}
```
janmp
June 25, 2024, 8:48am
2
I get the same Error without zodern:melte
Seems to be a problem with dynamic imports in general.