Ionic-app-scripts: ionic 2 watch typescript not working

Created on 19 Oct 2016  路  14Comments  路  Source: ionic-team/ionic-app-scripts

_From @balicekt on October 19, 2016 10:39_

I wanted to try new ionic 2. I made this steps:

ionic start HelloWorld --v2
cd HelloWorld
ionic serve

until now is everything OK. BUT when I go to folder src/pages/home and adjust file home.ts nothing is hapening watcher is not working but when I adjust file home.html watcher is working well console show changes and browser automatically refresh page.

Does anyone know why in ionic 2 watcher does not working with typescript files? Or is there something I did wrong? Also in Ionic project is no gulpfile.js anymore.

I will be glad for any help.

Thank you

_Copied from original issue: driftyco/ionic#8799_

bug

Most helpful comment

Great. Wow - Been using .37-2 all day. Webpack - so much faster on watch/build/refresh cycle.

All 14 comments

Same issue here, since last update, ts does not compile anymore.

Since I've updated to beta version (npm install @ionic/app-scripts@beta) the ionic serve is not creating a server at localhost:8100.

Same issue here. With beta @ionic/[email protected] the ionic serve command just hangs after build, and livereload is never started:

[16:46:03]  ionic-app-scripts 0.0.37
[16:46:03]  watch started ...
[16:46:03]  build dev started ...
[16:46:03]  clean started ...
[16:46:03]  clean finished in 12 ms
[16:46:03]  copy started ...
[16:46:03]  transpile started ...
[16:46:03]  lint started ...
[16:46:09]  lint finished in 5.83 s
[16:46:10]  transpile finished in 7.09 s
[16:46:10]  webpack started ...
[16:46:10]  copy finished in 7.30 s
[16:46:24]  webpack finished in 13.97 s
[16:46:24]  sass started ...
[16:46:26]  sass finished in 2.38 s
[16:46:26]  build dev finished in 23.47 s

This issue only occurs on my Windows 7 machine. On Mac OS X the same project serves fine with live reload.

My system information on Windows:

Cordova CLI: 6.2.0
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.1
Ionic App Lib Version: 2.1.1
Ionic App Scripts Version: 0.0.37
OS: Windows 7 SP1
Node Version: v5.10.0

My system info on Mac OS X:

Cordova CLI: 6.1.1
Gulp version:  CLI version 3.9.0
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.1
Ionic App Lib Version: 2.1.1
Ionic App Scripts Version: 0.0.37
ios-deploy version: 1.8.6
ios-sim version: 4.1.1
OS: Mac OS X El Capitan
Node Version: v6.4.0
Xcode version: Xcode 8.0 Build version 8A218a

@pierrepastre and @glaucocustodio are you all also on windows?

I am on OS X Yosemite and Ionic RC.1.

OS X Sierra RC1 - now I updated npm, ionic, cordova and typoscript started working but not everything typoscript is working now but src/assets is not working when I mage new file for example src/assets/i18n/en.json it also make new file in www/assets/i18n... but when I make update in this json it won't appear in www file.

OSX sierra here, ionic 2.1.1, cordova 6.3.1

We'll look into it. Glad to hear it's not just Windows.

Thanks,
Dan

I have the same issue on Windows 10, but OS X Sierra works fine.

I'm also seeing it on Ubuntu. See output here: https://github.com/driftyco/ionic/issues/8920#issuecomment-256492785

This issue is fixed here. We are going to release @ionic/[email protected] tomorrow and it will be in that.

Thanks,
Dan

Great. Wow - Been using .37-2 all day. Webpack - so much faster on watch/build/refresh cycle.

After I update to "@ionic/app-scripts": "0.0.37-3" ionic serve was not working because the manifest.json file was missing.

I recommend you put manifest.json in the root of /src. I had it somewhere else (and referred to it in index.html), but it seems to be safer if you leave it at root (where I guess some code is assuming it will be).

Was this page helpful?
0 / 5 - 0 ratings

Related issues

brandyscarney picture brandyscarney  路  4Comments

itryan picture itryan  路  3Comments

danbucholtz picture danbucholtz  路  4Comments

barbsicle picture barbsicle  路  3Comments

MarkErik picture MarkErik  路  3Comments