Comments (5)
@montella1507 I've tried to reproduce the issue to no avail (used this test project). Keep in mind that you should build/run your project by including the --bundle
flag.
Try updating the required dependencies to the latest versions
npm i -g nativescript
npm i -g @angular/cli
npm i -g @nativescript/schematics
and then building with Webpack
tns run android --bundle
from nativescript-schematics.
Hi @sis0k0 got it. So there is a file-replacement plugin in webpack build.. got it. Errors are misleading... especially if i can fix 80% of them by installing rxjs-compact - the same solution as in your KendoUI components.
Is it possible to add this information about --bundle flag to your documentation here?
https://docs.nativescript.org/code-sharing/creating-a-new-project
You have blogpost about sharing the code here:
https://www.nativescript.org/blog/code-sharing-between-web-and-mobile-with-angular-and-nativescript
however the project your tutorial is based on is maintained no more... So
https://docs.nativescript.org/code-sharing/creating-a-new-project is everything we have now...
Please add the information about "how to buiild and run both for web and mobile". Thank you guys.
from nativescript-schematics.
@montella1507 thanks for pointing out the outdated blog information.
Information about building the code-shared project is posted in details in this documentation article
NOTE: The --bundle flag notifies the NativeScript CLI to use Webpack to build a mobile app from the code-sharing project. Webpack is a hard dependency for code-sharing projects, and you must use this flag for your project to run successfully.
from nativescript-schematics.
Hi @montella1507, the structure of the projects created with @nativescript/schematics works only with webpack. During build we replace the input file system of the webpack compilation, so that we can bundle the .tns
files, which are specific to NativeScript.
from nativescript-schematics.
@NickIliev thank you for your response. Fixed with --bundle flag. But why? Why do i have to use --bundle flag? As far as i know - bundle flag is to use webpack bundler to reduce starting time etc.
Why i cannot build this solution without --bundle flag ?
from nativescript-schematics.
Related Issues (20)
- Generated code-sharing project missing .browserslistrc
- Angular 11 compatibility HOT 9
- How to force a specific version of nativescript
- NS7: Shared files get generated on NS-only projects. HOT 2
- build/app/Package.json file not always created
- Can't use Angular CLI with fresh nativescript installation HOT 6
- Cannot find module '@schematics/angular/utility/config' HOT 8
- Navigate after modal closed is not working properly.
- Support for Angular 12 and EsLint
- Cannot read property 'bundle' of undefined
- User of deprecated Angular elements: "id" and Option entryComponent
- Router Module import mismatch path
- Nativescript Angular code sharing project doesn't build with webpack version 5
- Doesn't seem to work
- Is this project deprecated? HOT 2
- Cannot read property 'kind' of undefined using TypeScript ~4.0.2 HOT 1
- Show your support for NativeScript by sponsoring them.
- ts is not running in browser
- Angular 13+ is not supported HOT 3
- Any alternative for `ng g` ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nativescript-schematics.