Webpack build issue with nativescript-angular/router/router.module.d.ts

[dhananjaykumar880]

Hi,

I am using angular-native-seed to build cross-platform mobile apps. and when I ran 'npm run phone-android-bundle', I am stuck with following error

Please help me

[sean-perkins]

Are all of your "native" angular modules marked with NO_ERRORS_SCHEMA on the schemas definition of their module?

[dhananjaykumar880]

yeah, I have added NO_ERRORS_SCHEMA in all my native angular module.

[dhananjaykumar880]

Hey Sean,
please suggest. I am unable to resolve this as I am new in this technology.

[sean-perkins]

Are you importing from ui/frame instead of tns-core-modules/ui/frame? You will need to update all imports to reference the updated import schema.

[dhananjaykumar880]

Hey,
I don't understand to 'imports to reference the updated import schema'.
could you please elaborate it?

and I had imported 'ui/web-view' instead of 'tns-core-modules/ui/web-view'
should I have to import from 'tns-core-modules/ui/web-view' ?

[sean-perkins]

Yes, all the imports that come from a NS package, need to be imported from tns-core-modules.

[dhananjaykumar880]

But you did it like ui/frame

see here

[dhananjaykumar880]

I have changed it by tns-core-modules/ui/frame but still it is not working and throw below error

this error comes by nativescript-angular library. I don't know, is it issue in library or our repo?

I have updated library version too. below is the updated versions

"dependencies": {
    "@angular/animations": "~4.4.6",
    "@angular/common": "~4.4.6",
    "@angular/compiler": "~4.4.6",
    "@angular/core": "~4.4.6",
    "@angular/forms": "~4.4.6",
    "@angular/http": "~4.4.6",
    "@angular/platform-browser": "~4.4.6",
    "@angular/platform-browser-dynamic": "~4.4.6",
    "@angular/router": "~4.4.6",
    "@ngx-translate/core": "^8.0.0",
    "@ngx-translate/http-loader": "0.0.3",
    "html-entities": "^1.2.1",
    "nativescript-angular": "^4.4.1",
    "nativescript-cardview": "^2.0.4",
    "nativescript-material-icons": "^1.0.3",
    "nativescript-ngx-fonticon": "^4.0.0",
    "nativescript-orientation": "^2.1.0",
    "nativescript-platform-css": "^1.6.5",
    "nativescript-ripple": "^2.0.0",
    "nativescript-theme-core": "~1.0.4",
    "reflect-metadata": "~0.1.10",
    "rxjs": "~5.5.2",
    "tns-core-modules": "^3.2.0",
    "typescript": "~2.5.3",
    "zone.js": "~0.8.18"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~4.4.6",
    "@ngtools/webpack": "~1.7.4",
    "@types/jasmine": "^2.6.2",
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "copy-webpack-plugin": "~4.2.0",
    "css-loader": "0.28.7",
    "del": "^3.0.0",
    "extract-text-webpack-plugin": "~3.0.2",
    "gulp": "github:gulpjs/gulp#4.0",
    "gulp-debug": "^3.1.0",
    "gulp-rename": "^1.2.2",
    "gulp-string-replace": "^0.4.0",
    "lazy": "1.0.11",
    "nativescript-css-loader": "~0.26.1",
    "nativescript-dev-android-snapshot": "^0.*.*",
    "nativescript-dev-sass": "^1.3.2",
    "nativescript-dev-typescript": "~0.5.1",
    "nativescript-dev-webpack": "^0.8.0",
    "nativescript-worker-loader": "~0.8.1",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.1.1",
    "webpack": "~3.8.1",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-sources": "~1.0.1",
    "typescript": "~2.3.4"
  },

after debug I had found it is issue of upgraded versions and their compatibility so that I tried with this but again their is an issue with webpack

[sean-perkins]

I did a fresh clone of the repository, installed all dependencies, ran npm run ios from the /nativescript folder and then ran npm run build-ios-bundle with no problems.

Due to those items, I would assume your issue is external to the seed and related to your implementation.

[dhananjaykumar880]

Hey,

after your comment, I also tried to do from fresh code but it is not working with fresh too.
I had tried it in windows and mac both and I got same error on both

Project successfully prepared (Android)
Executing after-prepare hook from /Users/alex/Documents/git/test/nativescript/hooks/after-prepare/nativescript-dev-android-snapshot.js
Executing after-prepare hook from /Users/alex/Documents/git/test/nativescript/hooks/after-prepare/nativescript-dev-sass.js
All SASS source files removed from app package
Building project...
Gradle build...

:config phase:  createDefaultIncludeFiles
        +found plugins: tns-core-modules-widgets
         + creating include.gradle file for /Users/alex/Documents/git/test/nativescript/platforms/android/configurations/tns-core-modules-widgets
Renaming plugin directory to flavor name: /Users/alex/Documents/git/test/nativescript/platforms/android/src/tns-core-modules-widgets -> /Users/alex/Documents/git/test/nativescript/platforms/android/src/F0

:config phase:  createPluginsConfigFile
         Creating product flavors include.gradle file in /Users/alex/Documents/git/test/nativescript/platforms/android/configurations folder...

:config phase:  pluginExtend
        +applying configuration from: /Users/alex/Documents/git/test/nativescript/platforms/android/configurations/include.gradle
        +applying configuration from: /Users/alex/Documents/git/test/nativescript/platforms/android/configurations/tns-core-modules-widgets/include.gradle

:config phase:  addAarDependencies
        +adding dependency: /Users/alex/Documents/git/test/nativescript/platforms/android/libs/aar/widgets-release.aar
Running full build
finished with reading lines with js files
Exception in thread "main" java.io.IOException: File already exists. This may lead to undesired behavior.
Please change the name of one of the extended classes.
/Users/alex/Documents/git/test/nativescript/platforms/android/src/main/java/com/tns/gen/java/lang/Object_frnal_ts_helpers_l58_c38__t.java
        at org.nativescript.staticbindinggenerator.Generator.writeBindings(Generator.java:59)
        at org.nativescript.staticbindinggenerator.Main.main(Main.java:15)

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/alex/Documents/git/test/nativescript/platforms/android/build-tools/android-static-binding-generator/build.gradle' line: 251

* What went wrong:
Execution failed for task ':asbg:generateBindings'.
> Process 'command '/Library/Java/JavaVirtualMachines/jdk1.8.0_31.jdk/Contents/Home/bin/java'' finished with non-zero exit value 1

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
Command ./gradlew failed with exit code 1
```
`