Nativescript: Nativescript 3.0 tns run fails with error - Failed to find module:

Created on 4 May 2017 · 5Comments · Source: NativeScript/NativeScript

Please, provide the details below:

Did you verify this is a real problem by searching Stack Overflow and the other open issues in this repo?

Yes

Tell us about the problem

Please, ensure your title is less than 63 characters long and starts with a capital
letter.

Which platform(s) does your issue occur on?

iOS/Android/Both

Tested on Android so far...

Please provide the following version numbers that your issue occurs with:

CLI: 3.0.0
Cross-platform modules: 3.0.0
Runtime(s): "tns-android" 3.0.0
Plugin(s):
"dependencies": {
"@angular/common": "2.3.1",
"@angular/compiler": "2.3.1",
"@angular/core": "2.3.1",
"@angular/forms": "2.3.1",
"@angular/http": "2.3.1",
"@angular/platform-browser": "2.3.1",
"@angular/platform-browser-dynamic": "2.3.1",
"@angular/router": "3.3.1",
"nativescript-angular": "1.3.0",
"nativescript-dom": "^1.0.9",
"nativescript-iqkeyboardmanager": "^1.0.1",
"nativescript-loading-indicator": "^2.2.2",
"nativescript-platform-css": "^1.4.0",
"nativescript-plugin-firebase": "3.11.2",
"nativescript-telerik-ui": "rc",
"nativescript-theme-core": "^0.2.1",
"nativescript-toast": "^1.4.5",
"reflect-metadata": "~0.1.8",
"rxjs": "5.0.0-rc.4",
"tns-core-modules": "^3.0.0"
},
"devDependencies": {
"babel-traverse": "6.22.1",
"babel-types": "6.22.0",
"babylon": "6.15.0",
"codelyzer": "^3.0.0",
"lazy": "1.0.11",
"nativescript-dev-android-snapshot": "^0..",
"nativescript-dev-typescript": "^0.3.2",
"tslint": "^5.1.0",
"typescript": "^2.0.10",
"zone.js": "~0.7.2"
}

Please tell us how to recreate the issue in as much detail as possible.

The project runs fine in nativescript 2.5.0 after upgrade to 3.0, I can build the project without errors but get an error on tns run android as below:

An uncaught Exception occurred on "main" thread.
java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException:

Error calling module function

Error: com.tns.NativeScriptException: Failed to find module: "ui/builder/special-properties", relative to: app/tns_modules/
com.tns.Module.resolvePathHelper(Module.java:146)
com.tns.Module.resolvePath(Module.java:55)
com.tns.Runtime.runModule(Native Method)
com.tns.Runtime.runModule(Runtime.java:504)
com.tns.Runtime.run(Runtime.java:499)
com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:17)
android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1014)
android.app.ActivityThread.handleBindApplication(ActivityThread.java:4726)
android.app.ActivityThread.access$1600(ActivityThread.java:153)
android.app.ActivityThread$H.handleMessage(ActivityThread.java:1412)
android.os.Handler.dispatchMessage(Handler.java:102)
android.os.Looper.loop(Looper.java:148)
android.app.ActivityThread.main(ActivityThread.java:5438)
java.lang.reflect.Method.invoke(Native Method)
com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:739)
com.android.internal.os.ZygoteInit.main(ZygoteInit.java:629)
File: ", line: 1, column: 265

StackTrace:
Frame: function:'require', file:'', line: 1, column: 266
Frame: function:'', file:'file:///data/data/org.nativescript.qbank/files/app/tns_modules/nativescript-angular/view-util.js', line: 7, column: 28
Frame: function:'require', file:'', line: 1, column: 266
Frame: function:'', file:'file:///data/data/org.nativescript.qbank/files/app/tns_modules/nativescript-angular/renderer.js', line: 7, column: 19
Frame: function:'require', file:'', line: 1, column: 266
Frame: function:'', file:'file:///data/data/org.nativescript.qbank/files/app/tns_modules/nativescript-angular/nativescript.module.js', line: 7, column: 18
Frame: function:'require', file:'', line: 1, column: 266
Frame: function:'', file:'file:///data/data/org.nativescript.qbank/files/app/tns_modules/nativescript-angular/platform.js', line: 13, column: 29
Frame: function:'require', file:'', line: 1, column: 266
Frame: function:'', file:'file:///data/data/org.nativescript.qbank/files/app/main.js', line: 4, column: 18
Frame: function:'require', file:'', line: 1, column: 266

at android.app.ActivityThread.handleBindApplication(ActivityThread.java:4729)
at android.app.ActivityThread.access$1600(ActivityThread.java:153)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1412)
at android.os.Handler.dispatchMessage(Handler.java:102)
at android.os.Looper.loop(Looper.java:148)
at android.app.ActivityThread.main(ActivityThread.java:5438)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:739)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:629)

Caused by: com.tns.NativeScriptException:

Error calling module function

at com.tns.Runtime.runModule(Native Method)
at com.tns.Runtime.runModule(Runtime.java:504)
at com.tns.Runtime.run(Runtime.java:499)
at com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:17)
at android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1014)
at android.app.ActivityThread.handleBindApplication(ActivityThread.java:4726)
... 8 more

android question

Source

anuragd7

Most helpful comment

@NickIliev , Many thanks for the prompt response. I am being able to build and run the project after updating the package.json. There are still some errors in some components - but should be able to sort them out looking at the breaking changes you shared!

anuragd7 on 4 May 2017

👍2

All 5 comments

@anuragd7 apart from updating your CLI and then the tns-core-modules and tns-android to version 3.0.0 you will also need to bump the version of the used plugins to the ones compatible with NativeScript 3.0.0.

One of the easiest ways to achieve this is to create new Angular based project with
tns create myApp --ng and copy/paste all the angular related dependencies (including nativescript-angular). You will also need to update your tsconfig.json file and your TypeScruipt related devDependencies, Here you can find important migrating information including the changes needed to be made in tsconfig.json.

Once you are ready with your Angular dependencies and TypeScript settings, you should also verify taht each of the third party plugins used in your project is with NativeScritp 3.0.0 compatible version in your package.json. For example the nativescript-telerik-ui plugin has released version 2.0.0 which is compatible with nativeScritp 3.0.0.

NickIliev on 4 May 2017

Based on your package.json I was able to create successful build suing the following versioning


  "dependencies": {
    "@angular/common": "4.0.0",
    "@angular/compiler": "4.0.0",
    "@angular/core": "4.0.0",
    "@angular/forms": "4.0.0",
    "@angular/http": "4.0.0",
    "@angular/platform-browser": "4.0.0",
    "@angular/platform-browser-dynamic": "4.0.0",
    "@angular/router": "4.0.0",
    "nativescript-angular": "3.0.0",
    "nativescript-dom": "2.0.0",
    "nativescript-iqkeyboardmanager": "^1.0.1",
    "nativescript-loading-indicator": "^2.3.2",
    "nativescript-platform-css": "^1.4.0",
    "nativescript-plugin-firebase": "^3.11.4",
    "nativescript-telerik-ui": "2.0.1",
    "nativescript-theme-core": "1.0.4",
    "nativescript-toast": "^1.4.5",
    "reflect-metadata": "~0.1.8",
    "rxjs": "5.0.0-rc.4",
    "tns-core-modules": "^3.0.0"
  },
  "devDependencies": {
    "babel-traverse": "6.22.1",
    "babel-types": "6.22.0",
    "babylon": "6.15.0",
    "codelyzer": "^3.0.0",
    "lazy": "1.0.11",
    "tslint": "5.0.0",
    "nativescript-dev-android-snapshot": "^0.0.9",
    "nativescript-dev-typescript": "^0.4.2",
    "typescript": "^2.3.2",
    "zone.js": "~0.8.10"
  }

and using the follwing tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "noEmitHelpers": true,
        "noEmitOnError": true,
        "lib": [
            "es6",
            "dom",
            "es2015.iterable"
        ],
        "baseUrl": ".",
        "paths": {
            "*": [
                "./node_modules/tns-core-modules/*",
                "./node_modules/*"
            ]
        }
    },
    "exclude": [
        "node_modules",
        "platforms",
        "**/*.aot.ts"
    ]
}

Here you can find the the sample project used for tests.

NickIliev on 4 May 2017

❤1

anuragd7 on 4 May 2017

👍2

@anuragd7 please let me know if you need further assistance - keep in mind that some of the plugins might not be migrated so check if some of the errors that you are hitting are not related to breaking changes not implemented in the latest versions of the plugins used.

NickIliev on 5 May 2017

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.