[Ionic AWS starter] - ionic serve from fresh install returns errors.

[ianholden123]

[Ionic AWS starter] - ionic serve from fresh install returns errors.

[kartik0312]

solved after i added this to tsconfig.json under compiler options

"typeRoots": [
"node_modules/@types"
]

[ianholden123]

@dwieeb Ah yes... good point. Please fix this AWS 👍

[imhoffd]

@ianholden123 Do you mind if I keep this open? It's still an issue for new apps, correct?

[gregemerson]

Seven days and this hasn't been addressed? It would be nice to know whether or not someone is working on it. This is definitely an installer bug.

[benevolentprof]

@dwieeb The most significant change is the README. There are a couple of small code changes, .gitignore, a couple deleted files, and a dependency update. When I get a chance, I'll send a PR to the starter repo.

[gchandrapati]

yes. facing same issue too

[ehorodyski]

Same here. Reaching out to my AWS rep. hopefully they'll get on it.

[ianholden123]

@kartik0312 -- Thanks for your help. That addition to the tsconfig.ts file removed all but one of my issues.

I was left with a "no type definitions" error for the paho-mqtt library. To resolve this error, I installed the type definitions for this library by running: npm install --save-dev @types/paho-mqtt.

My application is now running without errors 😄

[benevolentprof]

If anyone is interested in a "cleaner" starter, I've created a project that implements these changes. I'm still having problems with the Account page and user files on AWS.

https://github.com/benevolentprof/ionic-aws-starter

[imhoffd]

@benevolentprof Are there any changes in your fork that might make sense in the aws starter? The gitignore, perhaps? I know the types installations should be fixed upstream. I'd be happy to look at any PRs you send.

[developerjohan01]

Created a fresh AWS starter project and it builds and runs fine locally but the build fails on IonicPro.
The error is:
Can't resolve '../../aws-exports'

The file exists in the correct place...

Any ideas?

Local

$ ionic info

Ionic:

ionic (Ionic CLI) : 4.0.3 (/Users/johan/.nvm/versions/node/v8.11.3/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.11

System:

NodeJS : v8.11.3 (/Users/johan/.nvm/versions/node/v8.11.3/bin/node)
npm : 5.6.0
OS : macOS Sierra

IonicPro
...
$ ionic info
WARNING: Your kernel does not support swap limit capabilities or the cgroup is not mounted. Memory limited without swap.
cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils : 2.0.0-testing.fa20842b
ionic (Ionic CLI) : 4.0.0-testing.fa20842b

local packages:

@ionic/app-scripts : 3.1.11
Ionic Framework : ionic-angular 3.9.2

System:

NodeJS : v8.11.1
npm : 5.10.0
OS : Linux 4.4

$ ionic info success
Build script detected in package.json...
$ npm run build
WARNING: Your kernel does not support swap limit capabilities or the cgroup is not mounted. Memory limited without swap.

[email protected] build /usr/src/app
ionic-app-scripts build

[16:01:58] ionic-app-scripts 3.1.11
[16:01:58] build dev started ...
[16:01:58] clean started ...
[16:01:58] clean finished in 4 ms
[16:01:58] copy started ...
[16:01:58] deeplinks started ...
[16:01:59] deeplinks finished in 102 ms
[16:01:59] transpile started ...
[16:02:36] transpile finished in 37.58 s
[16:02:36] preprocess started ...
[16:02:36] preprocess finished in 1 ms
[16:02:36] webpack started ...
[16:02:37] copy finished in 38.77 s
[16:03:13] ionic-app-script task: "build"
[16:03:13] Error: ./src/pages/tasks/tasks.ts Module not found: Error: Can't resolve '../../aws-exports' in
'/usr/src/app/src/pages/tasks' resolve '../../aws-exports' in '/usr/src/app/src/pages/tasks' using
description file: /usr/src/app/package.json (relative path: ./src/pages/tasks) Field 'browser' doesn't
contain a valid alias configuration after using description file: /usr/src/app/package.json (relative path:
./src/pages/tasks) using description file: /usr/src/app/package.json (relative path: ./src/aws-exports) no
extension Field 'browser' doesn't contain a valid alias configuration /usr/src/app/src/aws-exports doesn't
exist .ts Field 'browser' doesn't contain a valid alias configuration /usr/src/app/src/aws-exports.ts
doesn't exist .js Field 'browser' doesn't contain a valid alias configuration
/usr/src/app/src/aws-exports.js doesn't exist .json Field 'browser' doesn't contain a valid alias
...

[developerjohan01]

I have found the problem with the IonicPro build.
Turns out that the awsmobile cli adds the following line to the .gitignore-file:
aws-exports.*
Removing this line and committing aws-exports.js to the repo and now all is working!

aws-exports.js is generated but it's not part of the ionic build so it isn't available unless it is committed.