Transpile with Ionic 3 failed

#1

I’m an Ionic newbie, using Ionic 3. Created some pages, exported them to the src folder and it worked.

But if I link another page to a button it fails.

MacBook-Pro-3:myapp jps$ ionic serve

ionic-app-scripts serve --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[app-scripts] [21:39:26] ionic-app-scripts 3.1.11
[app-scripts] [21:39:26] watch started …
[app-scripts] [21:39:26] build dev started …
[app-scripts] [21:39:26] clean started …
[app-scripts] [21:39:26] clean finished in 4 ms
[app-scripts] [21:39:26] copy started …
[app-scripts] [21:39:27] deeplinks started …
[app-scripts] [21:39:27] deeplinks finished in 17 ms
[app-scripts] [21:39:27] transpile started …
[app-scripts] [21:39:29] typescript: src/pages/capture/capture.ts, line: 4
[app-scripts] Individual declarations in merged declaration ‘CapturePage’ must be all exported or all local.
[app-scripts] L3: import { ValidatePage } from ‘…/validate/validate’;
[app-scripts] L4: import { CapturePage } from ‘…/capture/capture’;
[app-scripts] Import declaration conflicts with local declaration of ‘CapturePage’.
[app-scripts] [21:39:29] typescript: src/pages/capture/capture.ts, line: 4
[app-scripts] L3: import { ValidatePage } from ‘…/validate/validate’;
[app-scripts] L4: import { CapturePage } from ‘…/capture/capture’;
[app-scripts] Individual declarations in merged declaration ‘CapturePage’ must be all exported or all local.
[app-scripts] L10: export class CapturePage {
[app-scripts] [21:39:29] typescript: src/pages/capture/capture.ts, line: 10
[app-scripts] [21:39:29] typescript: src/pages/validate/validate.ts, line: 4
[app-scripts] Individual declarations in merged declaration ‘ValidatePage’ must be all exported or all local.
[app-scripts] L3: import { CapturePage } from ‘…/capture/capture’;
[app-scripts] L4: import { ValidatePage } from ‘…/validate/validate’;
[app-scripts] Import declaration conflicts with local declaration of ‘ValidatePage’.
[app-scripts] L3: import { CapturePage } from ‘…/capture/capture’;
[app-scripts] [21:39:29] typescript: src/pages/validate/validate.ts, line: 4
[app-scripts] [21:39:29] typescript: src/pages/validate/validate.ts, line: 10
[app-scripts] L4: import { ValidatePage } from ‘…/validate/validate’;
[app-scripts] Individual declarations in merged declaration ‘ValidatePage’ must be all exported or all local.
[app-scripts] L10: export class ValidatePage {

[INFO] Development server running!

   Local: http://localhost:8100
   External: http://192.168.178.27:8100, http://169.254.184.42:8100
   DevApp: myapp@8100 on MacBook-Pro-3.fritz.box
   
   Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

[app-scripts] [21:39:29] copy finished in 2.48 s
[app-scripts] [21:39:29] watch ready in 2.56 s

#2

Hello,

maybe you have imported CapturePage into capture.ts which contains export class CapturePage.

Best regards, anna-liebt

#3

thx, for the hint.

I didn’t import CapturePage into capture.ts, but apparently Ionic Creator.

As a workaround I commented the import statement in this file and in another .ts file and now it’s working again.

But I guess there is a fix needed.

Kind regards, Peter

#4

Hello,
I guess that there is anywhere something that force ionic creator to do that, otherwise I assume would have all users of ionic creator this problem.

Maybe, my english understanding is pretty bad, ionic creator is place where horrible creatures lives. :wink:

Best regards, anna-liebt