Not able to find webDir directory in Cap 3 config file

Capacitor
1

First off, I’m using Capacitor 3, Vue 3, and Ionic 5. My directory while I build to is “dist” and it’s there. All I’ve done is upgrade to Capacitor 3 and moved to a capacitor.config.ts file.

0:50:36:~/app % npx cap copy ios
✖ copy: 
[error] Capacitor could not find the web assets directory "/Users/tclark/app/www".
    Please create it and make sure it has an index.html file. You can change
    the path of this directory in capacitor.config.json (webDir option).
    You may need to compile the web assets for your app (typically 'npm run build').
    More info: https://capacitorjs.com/docs/basics/building-your-app

Here is the capacitor.config.ts file:

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.tylerclark.myapp',
  appName: 'Myapp',
  webDir: 'dist',
  plugins: {
    SplashScreen: {
      launchAutoHide: false,
    },
  },
};

export default config;

My dependancy tree:

  "dependencies": {
    "@capacitor-community/bluetooth-le": "^1.1.0",
    "@capacitor/android": "^3.0.1",
    "@capacitor/core": "^3.0.1",
    "@capacitor/ios": "^3.0.1",
    "@capacitor/splash-screen": "^1.0.1",
    "@fortawesome/fontawesome-pro": "^5.15.3",
    "@fortawesome/fontawesome-svg-core": "^1.2.32",
    "@fortawesome/free-brands-svg-icons": "^5.15.1",
    "@fortawesome/free-solid-svg-icons": "^5.15.1",
    "@fortawesome/pro-duotone-svg-icons": "^5.15.3",
    "@fortawesome/pro-light-svg-icons": "^5.15.3",
    "@fortawesome/pro-regular-svg-icons": "^5.15.3",
    "@fortawesome/pro-solid-svg-icons": "^5.15.3",
    "@fortawesome/vue-fontawesome": "^3.0.0-3",
    "@ionic/vue": "^5.6.9",
    "@ionic/vue-router": "^5.6.9",
    "axios": "^0.21.1",
    "cordova-plugin-ionic": "5.4.7",
    "cordova-plugin-whitelist": "^1.3.4",
    "core-js": "^3.8.0",
    "dotenv": "^8.2.0",
    "firebase": "^8.2.1",
    "mapbox-gl": "^2.2.0",
    "nosync-icloud": "^1.2.2",
    "vue": "^3.1.1",
    "vue-router": "^4.0.8"
  },
2

Do you have typescript installed?

Do you also have a capacitor.config.json or only the capacitor.config.ts?

3

I had a capacitor.config.json but removed it as it seemed like using capacitor.config.ts was part of the upgrade process as spelled out here:

I see that was incorrect. Confusing.

4

Yeah, you should only have one, the .ts or the .json, if you have both it will cause problems. If you have the .ts it requires typescript to transform it.