{"id":558,"hash":"2bcf6259204c7a1244701c6a682939a6882e45ea79af0fd7ba658f4c347d6a95","pattern":"Cannot find module './App.svelte' or its corresponding type declarations","full_message":"I have a setup that integrates electron with svelte along with typescript support.\n\nwhen I run the rollup script to compile svelte app, i am getting cannot find module ./App.svelte error as shown below.\n\nPlugin typescript: @rollup/plugin-typescript TS2307: Cannot find module './App.svelte' or its corresponding type declarations.\n\nHere's my package.json configuration :\n\n{\n  \"name\": \"tapwire-electron-first\",\n  \"productName\": \"tapwire-electron-first\",\n  \"version\": \"1.0.0\",\n  \"description\": \"My Electron application description\",\n  \"main\": \"dist/index.js\",\n  \"scripts\": {\n    \"electron-start\": \"tsc && electron-forge start\",\n    \"electron-package\": \"electron-forge package\",\n    \"electron-make\": \"electron-forge make\",\n    \"electron-publish\": \"electron-forge publish\",\n    \"electron-lint\": \"eslint --ext .ts .\",\n    \"svelte-build\": \"rollup -c\",\n    \"svelte-dev\": \"rollup -c -w\",\n    \"svelte-start\": \"sirv public\",\n    \"svelte-validate\": \"svelte-check\",\n    \"start\": \"run-p svelte-dev electron-start\"\n  },\n  \"keywords\": [],\n  \"author\": {\n    \"name\": \"nateshmbhat\",\n  },\n  \"license\": \"MIT\",\n  \"config\": {\n    \"forge\": {\n      \"packagerConfig\": {},\n      \"makers\": [\n        {\n          \"name\": \"@electron-forge/maker-squirrel\",\n          \"config\": {\n            \"name\": \"tapwire_electron_first\"\n          }\n        },\n        {\n          \"name\": \"@electron-forge/maker-zip\",\n          \"platforms\": [\n            \"darwin\"\n          ]\n        },\n        {\n          \"name\": \"@electron-forge/maker-deb\",\n          \"config\": {}\n        },\n        {\n          \"name\": \"@electron-forge/maker-rpm\",\n          \"config\": {}\n        }\n      ]\n    }\n  },\n  \"devDependencies\": {\n    \"@electron-forge/cli\": \"^6.0.0-beta.53\",\n    \"@electron-forge/maker-deb\": \"^6.0.0-beta.53\",\n    \"@electron-forge/maker-rpm\": \"^6.0.0-beta.53\",\n    \"@electron-forge/maker-squirrel\": \"^6.0.0-beta.53\",\n    \"@electron-forge/maker-zip\": \"^6.0.0-beta.53\",\n    \"@rollup/plugin-commonjs\": \"^15.1.0\",\n    \"@rollup/plugin-node-resolve\": \"^9.0.0\",\n    \"@rollup/plugin-typescript\": \"^6.0.0\",\n    \"@types/node\": \"^14.11.2\",\n    \"@typescript-eslint/eslint-plugin\": \"^2.34.0\",\n    \"@typescript-eslint/parser\": \"^2.34.0\",\n    \"cross-env\": \"^7.0.2\",\n    \"electron\": \"10.1.3\",\n    \"eslint\": \"^7.10.0\",\n    \"eslint-plugin-import\": \"^2.22.1\",\n    \"npm-run-all\": \"^4.1.5\",\n    \"rollup\": \"^2.28.2\",\n    \"rollup-plugin-livereload\": \"^2.0.0\",\n    \"rollup-plugin-svelte\": \"^6.0.1\",\n    \"rollup-plugin-terser\": \"^7.0.2\",\n    \"svelte\": \"^3.29.0\",\n    \"svelte-check\": \"^1.0.55\",\n    \"svelte-preprocess\": \"^4.3.2\",\n    \"typescript\": \"^4.0.3\"\n  },\n  \"dependencies\": {\n    \"concurrently\": \"^5.3.0\",\n    \"electron-reload\": \"^1.5.0\",\n    \"electron-squirrel-startup\": \"^1.0.0\",\n    \"sirv-cli\": \"^1.0.6\"\n  }\n}","ecosystem":"npm","package_name":"node.js","package_version":null,"solution":"Turns out i had to install @tsconfig/svelte as a dev dependency first then extend this with my tsconfig.json as shown below :\n\nInstall @tsconfig/svelte\nnpm i --save-dev @tsconfig/svelte\n\nAdd this tsconfig as the base config file in your tsconfig.json :\n{\n  \"extends\": \"@tsconfig/svelte/tsconfig.json\",\n}","confidence":0.95,"source":"stackoverflow","source_url":"https://stackoverflow.com/questions/64194571/cannot-find-module-app-svelte-or-its-corresponding-type-declarations","votes":26,"created_at":"2026-04-19T04:51:20.928529+00:00","updated_at":"2026-04-19T04:51:20.928529+00:00"}