"ionic start" for vue broken? supportedTSExtensions error

Ionic Framework Ionic Vue
1

When I run the following I get an error:

ionic start

I do not use the wizard, I pick “Vue” as framework and “blank” as template. I then cd into the dirctory.

I run

npm i and then

npm run build

and I get the error:

$ npm run build

> blank1@0.0.1 build
> vue-tsc && vite build


/Users/tylerclark/Github/blank1/node_modules/vue-tsc/index.js:34
            throw err;
            ^
Search string not found: "/supportedTSExtensions = .*(?=;)/"
(Use `node --trace-uncaught ...` to show where the exception was thrown)

Node.js v18.20.2

No other part of the project was touched. No, I didn’t run npm run dev as running it is fine but when I try to deploy to Firebase with Github Actions it’ll crash at this step.

Package.json for reference: (I just did this this morning)

{
  "name": "blank1",
  "private": true,
  "version": "0.0.1",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc && vite build",
    "preview": "vite preview",
    "test:e2e": "cypress run",
    "test:unit": "vitest",
    "lint": "eslint ."
  },
  "dependencies": {
    "@capacitor/app": "6.0.2",
    "@capacitor/core": "6.2.0",
    "@capacitor/haptics": "6.0.2",
    "@capacitor/keyboard": "6.0.3",
    "@capacitor/status-bar": "6.0.2",
    "@ionic/vue": "^8.0.0",
    "@ionic/vue-router": "^8.0.0",
    "ionicons": "^7.0.0",
    "vue": "^3.3.0",
    "vue-router": "^4.2.0"
  },
  "devDependencies": {
    "@capacitor/cli": "6.2.0",
    "@vitejs/plugin-legacy": "^5.0.0",
    "@vitejs/plugin-vue": "^4.0.0",
    "@vue/eslint-config-typescript": "^12.0.0",
    "@vue/test-utils": "^2.3.0",
    "cypress": "^13.5.0",
    "eslint": "^8.35.0",
    "eslint-plugin-vue": "^9.9.0",
    "jsdom": "^22.1.0",
    "terser": "^5.4.0",
    "typescript": "^5.1.6",
    "vite": "~5.2.0",
    "vitest": "^0.34.6",
    "vue-tsc": "^2.0.22"
  },
  "description": "An Ionic project"
}
2

I changed vue-tsc to 2.1.10 and typescript to 5.6.2 and it appears to be working

3

Yeah, this is related to vue-tsc not work with typescript 5.7.2 · Issue #5018 · vuejs/language-tools · GitHub.

I just had to lock TypeScript at 5.6.3.

This is what my package.json looks like:

"typescript": "~5.6.3",
"vue-tsc": "^2.0.0",
2 Likes
4

Yeah I just stumbled upon that. So annoying that things break FOR DAYS. This cost me like 4-5 hours of my life because I was in “update my app” mode at the same time.