Hi all
I have two questions related to WUP and Ionic 2.
1 - I have created a Project for testing using tabs template:
ionic start wup tabs --v2
ionic platform add windows
ionic build windows
After that there is a build error:
C:\Users\pablo\Documents\projects\wup>ionic info
--------------------------------
--------------------------------
Your system information:
Cordova CLI: 6.3.1
Gulp version: CLI version 3.9.1
Gulp local:
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.36
OS: Windows 8.1
Node Version: v0.12.2
--------------------------------
C:\Users\pablo\Documents\projects\wup>ionic build windows
Running 'build:before' npm script before build
> ionic-hello-world@ build C:\Users\pablo\Documents\projects\wup
> ionic-app-scripts build
[06:16:47] ionic-app-scripts 0.0.36
[06:16:47] build prod started ...
[06:16:47] clean started ...
[06:16:47] clean finished in 4 ms
[06:16:47] copy started ...
[06:16:47] ngc started ...
[06:16:47] copy finished in 91 ms
[06:16:48] lint started ...
[06:16:50] can't resolve module @angular/core/src/di/opaque_token from C:\Users\pablo\Documents\projects\wup\.tmp\index.ts
[06:16:50] TypeError: undefined is not a function
[06:16:50] ngc failed
[06:16:50] ionic-app-script task: "build"
[06:16:50] Error: Error
npm ERR! Windows_NT 6.3.9600
npm ERR! argv "C:\\Program Files (x86)\\nodejs\\\\node.exe" "C:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build" "--color"
npm ERR! node v0.12.2
npm ERR! npm v2.7.4
npm ERR! code ELIFECYCLE
npm ERR! ionic-hello-world@ build: `ionic-app-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ionic-hello-world@ build script 'ionic-app-scripts build'.
npm ERR! This is most likely a problem with the ionic-hello-world package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! ionic-app-scripts build
npm ERR! You can get their info via:
npm ERR! npm owner ls ionic-hello-world
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\pablo\Documents\projects\wup\npm-debug.log
Caught exception:
undefined
Mind letting us know? https://github.com/driftyco/ionic-cli/issues
C:\Users\pablo\Documents\projects\wup>more config.xml
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.wup985585" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>wup</name>
<description>An awesome Ionic/Cordova app.</description>
<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
<content src="index.html"/>
<access origin="*"/>
<allow-intent href="http://*/*"/>
<allow-intent href="https://*/*"/>
<allow-intent href="tel:*"/>
<allow-intent href="sms:*"/>
<allow-intent href="mailto:*"/>
<allow-intent href="geo:*"/>
<platform name="android">
<allow-intent href="market:*"/>
</platform>
<platform name="ios">
<allow-intent href="itms:*"/>
<allow-intent href="itms-apps:*"/>
</platform>
<preference name="webviewbounce" value="false"/>
<preference name="UIWebViewBounce" value="false"/>
<preference name="DisallowOverscroll" value="true"/>
<preference name="android-minSdkVersion" value="16"/>
<preference name="BackupWebStorage" value="none"/>
<preference name="SplashScreenDelay" value="0"/>
<preference name="FadeSplashScreen" value="false"/>
<preference name="FadeSplashScreenDuration" value="0"/>
<preference name="SplashScreenBackgroundColor" value="0xFFFFFFFF"/>
<feature name="StatusBar">
<param name="ios-package" onload="true" value="CDVStatusBar"/>
</feature>
<plugin name="cordova-plugin-device" spec="~1.1.3"/>
<plugin name="cordova-plugin-console" spec="~1.0.4"/>
<plugin name="cordova-plugin-whitelist" spec="~1.3.0"/>
<plugin name="cordova-plugin-splashscreen" spec="~4.0.0"/>
<plugin name="cordova-plugin-statusbar" spec="~2.2.0"/>
<plugin name="ionic-plugin-keyboard" spec="~2.2.1"/>
<preference name="windows-target-version" value="10.0" />
</widget>
How to fix this?
2 - I have created a Project in Visual Studio 2015 Community Edition for Windows Universal App using Ionic 2 tabs template. Then the app ran successfully in the Windows 10 emulator.
I can use the app however tab buttons are not displayed properly at the bottom in the emulator.
Is this a Ionic 2 issue? (See image below)
Thanks in advance
Best regards,
Pablo