Skip to content

SyntaxError: Unexpected token '{' with Angular 17 and Capacitor 7 #62818

@m-wagner98

Description

@m-wagner98

Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

Yes

Description

I have an Angular 17 Webapp and we use it together with the Ionic/Capacitor Framework to build a native android app.

When starting the app on an Android Device with Android 12 or lower, there are error messages in the logcat and the app just shows a white screen.

This is not the case and the app works fine on devices/emulators running Android 13+.

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

SyntaxError: Unexpected token '{' in (index):816
Uncaught SyntaxError: Unexpected token '{' in /polyfills.js:120
Uncaught SyntaxError: Unexpected token '{' in /vendor.js:77313
SyntaxError: Unexpected token '{' in (index):816
Uncaught SyntaxError: Unexpected token '{' in /main.js:69

Please provide the environment you discovered this bug in (run ng version)

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.1703.17
@angular-devkit/build-angular      17.3.17
@angular-devkit/core               17.3.17
@angular-devkit/schematics         17.3.17
@angular/cdk                       17.3.10
@angular/cli                       17.3.17
@angular/material                  17.3.10
@angular/material-moment-adapter   17.3.10
@schematics/angular                17.3.17
rxjs                               7.8.1
typescript                         5.4.5
zone.js                            0.14.10

Anything else?

tsconfig.json:

  "compileOnSave" : false,
  "compilerOptions" : {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2020",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "allowSyntheticDefaultImports": true,
    "target": "ES2022",
    "resolveJsonModule": true,
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2019",
      "dom"
    ],
    "skipLibCheck": true,
    "paths": {
      "@base/*": [
        "src/*"
      ],
      "@shared/*": [
        "src/app/shared/*"
      ],
      "@claims/*": [
        "src/app/claims/*"
      ]
    },
    "useDefineForClassFields": false
  },
  "angularCompilerOptions" : {
    "fullTemplateTypeCheck" : true,
    "strictInjectionParameters" : true
  }
}

Capacitor Version
💊 Capacitor Doctor 💊

Latest Dependencies:

@capacitor/cli: 7.4.2
@capacitor/core: 7.4.2
@capacitor/android: 7.4.2
@capacitor/ios: 7.4.2

Installed Dependencies:

@capacitor/cli: 7.4.2
@capacitor/android: 7.4.2
@capacitor/core: 7.4.2
@capacitor/ios: 7.4.2

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions