Windows Universal App: Build error on Windows 10 Pro 10.0.14393


#1

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


#2

First issue. Try removing your node_modules folder and then npm install from your directory again
Second issue. I have the same problem, but apparently it’s an emulator issue. Once you’re on actual hardware, that doesn’t happen.


#3

Thank you very much for your answers.

About first one I have tried what you said but I did not work.

So I removed node v0.12.2 (installed by VS 2015 CE) and then installed node v4.6.1 from Node website and I could build successfully.