Import file in app.config.ts

[zRelux]

Build/Submit details page URL

No response

Summary

I was trying to cleanup my config, and doing so I had created a config folder with some TS files. I tried to import them in the app.config but I started getting weird error

Managed or bare?

bare

Environment

  expo-env-info 1.2.0 environment info:
    System:
      OS: macOS 14.0
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 20.9.0 - ~/.nvm/versions/node/v20.9.0/bin/node
      Yarn: 1.22.19 - /usr/local/bin/yarn
      npm: 10.1.0 - ~/.nvm/versions/node/v20.9.0/bin/npm
    Managers:
      CocoaPods: 1.14.3 - /opt/homebrew/bin/pod
    SDKs:
      iOS SDK:
        Platforms: DriverKit 23.0, iOS 17.0, macOS 14.0, tvOS 17.0, watchOS 10.0
    IDEs:
      Android Studio: 2021.2 AI-212.5712.43.2112.8815526
      Xcode: 15.0/15A240d - /usr/bin/xcodebuild
    npmPackages:
      @expo/metro-config: ~0.17.1 => 0.17.3 
      expo: ^50.0.6 => 50.0.6 
      expo-router: ^3.4.7 => 3.4.7 
      react: 18.2.0 => 18.2.0 
      react-dom: 18.2.0 => 18.2.0 
      react-native: 0.73.2 => 0.73.2 
      react-native-web: ^0.19.10 => 0.19.10 
    npmGlobalPackages:
      eas-cli: 7.1.2
    Expo Workflow: bare

✔ Check Expo config for common issues
✔ Check package.json for common issues
✔ Check dependencies for packages that should not be installed directly
✔ Check for issues with metro config
✔ Check for common project setup issues
✔ Check npm/ yarn versions
✔ Check Expo config (app.json/ app.config.js) schema
✖ Check that packages match versions required by installed Expo SDK
✔ Check that native modules do not use incompatible support packages
✔ Check for legacy global CLI installed locally
✔ Check that native modules use compatible support package versions for installed Expo SDK

Detailed check results:

The following packages should be updated for best compatibility with the installed expo version:
  @react-native-community/netinfo@11.2.1 - expected version: 11.1.0
  react-native@0.73.2 - expected version: 0.73.4
  react-native-safe-area-context@4.9.0 - expected version: 4.8.2
  jest-expo@50.0.1 - expected version: ~50.0.2
Your project may not work correctly until you install the correct versions of the packages.
Found outdated dependencies
Advice: Use 'npx expo install --check' to review and upgrade your dependencies.

One or more checks failed, indicating possible issues with the project.

Error output

Error reading Expo config at /Users/relux/Documents/Discovertsy/app/app.config.ts:

Unexpected token 'export'
/Users/relux/Documents/Discovertsy/app/test.ts:5
export default config;

Reproducible demo or steps to reproduce from a blank project

app.config.ts

import config from './test.ts';

export default {
  name: config.name,
};

test.ts

const config = {
  name: 'hello',
};

export default config;

[szdziedzic]

Hi,

Does the config work for you just fine when working with expo cli?

[zRelux]

Yes I had faced no issues when trying to develop locally, I only noticed when our CI started to fail. To notice that with commonjs imports seems to work, but other issue arise

[feledori]

Just bumped into the same issue, trying to import a ts file which has import won't work and gives the error Cannot use import statement outside a module and the trace shows the cjs loader doing its thing. Shouldn't this file and import first be resolved by typescript?

P.S. Not experiencing this with eas cli but local expo server.

[andrew-hossack]

Any fixes to this problem?

[pkreissel]

Do you use ts-node? I also first missed that in the docs.

[uyend]

Do you use ts-node? I also first missed that in the docs.

Nice this helped fix our issues