如何正确配置Angular + NativeScript代码共享
Angular是一种开源的Web应用框架，NativeScript是一个用于构建跨平台移动应用的框架。代码共享指的是在Angular和NativeScript之间共享代码的实践。
要正确配置Angular + NativeScript代码共享，可以按照以下步骤进行：
- 创建一个Angular项目：使用Angular CLI命令行工具创建一个新的Angular项目。可以执行以下命令：
- 创建一个Angular项目：使用Angular CLI命令行工具创建一个新的Angular项目。可以执行以下命令：
- 添加NativeScript支持：进入项目目录，执行以下命令将NativeScript添加到Angular项目中：
- 添加NativeScript支持：进入项目目录，执行以下命令将NativeScript添加到Angular项目中：
- 这个命令会安装必要的NativeScript依赖，并在项目中添加NativeScript的相关配置。
- 创建共享代码模块：在Angular项目中创建一个共享模块，用于存放需要在Angular和NativeScript之间共享的代码。可以在项目根目录下创建一个名为
shared的文件夹，并在其中创建一个名为shared.module.ts的文件。在该模块中，可以定义共享的组件、服务、管道等。 - 创建NativeScript应用：执行以下命令创建一个新的NativeScript应用：
- 创建NativeScript应用：执行以下命令创建一个新的NativeScript应用：
- 这个命令会创建一个NativeScript应用，并通过
--shared参数指定使用共享代码。 - 配置NativeScript应用使用共享代码：打开NativeScript应用的根目录，找到
app.module.ts文件，并将共享模块添加到imports部分，以便在NativeScript应用中使用共享的代码。 - 配置NativeScript应用使用共享代码：打开NativeScript应用的根目录，找到
app.module.ts文件，并将共享模块添加到imports部分，以便在NativeScript应用中使用共享的代码。 - 使用共享代码：现在可以在Angular和NativeScript应用的组件、服务等中使用共享模块中定义的代码了。通过引入共享模块，并在需要使用的地方使用相关的组件、服务即可。
配置完成后，Angular和NativeScript应用就可以共享代码了。这样可以减少重复开发的工作量，并提高代码的可维护性和复用性。
腾讯云相关产品推荐：
- 云函数（云原生函数计算服务）：https://cloud.tencent.com/product/scf
- COS（对象存储服务）：https://cloud.tencent.com/product/cos
- VPC（私有网络）：https://cloud.tencent.com/product/vpc
相关·内容
我正在尝试建立一个新的Angular + NativeScript代码共享项目，这样我就可以拥有一个可以在Android、iOS和web上运行的应用程序。使用这种配置，当我执行"tns run ios“时，我得到如下错误： Cannot find module '@src/app/components/login/login.component' or在本例中，login.component是我希望在web和移动设备之间共享</
浏览 93提问于2021-02-06得票数 0
在Angular+TypeScript中使用NativeScript和在JavaScript中使用NativeSCript的优缺点是什么？我想知道在难度和性能方面哪种方法更好。
浏览 28提问于2018-08-11得票数 0
回答已采纳
我正在尝试在我的项目中在web和移动应用程序版本之间共享代码。我有一个需要编程导航的组件，因此我需要为web版本注入Angular路由器(从'@angular/ Router ')，为移动版本注入NativeScript RouterExtensions (来自'@nativescript/angular')。有没有一种推荐的方法可以“动态”地向组件注入依赖项，以便为其编译的每个目标都能获得正确</em
浏览 20提问于2021-01-05得票数 0
回答已采纳
所有可用的教程都会讨论如何将Angular Web应用程序转换为代码共享的Nativescript项目。我想做相反的事情。我几乎完成了用Nativescript编写移动应用程序的工作，现在我想做一个在两者之间共享代码的Web应用程序。
浏览 1提问于2019-03-16得票数 3
1回答
控制台日志file:///app/tns_modules/@angular/core/src/facade/lang.js:345:16:异常：./AppComponent类AppComponent中的错误-内联模板:0:0import {Component} from "@angular/core";
import {R
浏览 2提问于2016-07-05得票数 1
我试图使用stylePreprocessorOptions 6的@import 'app'，这样我就可以简单地将品牌/其他共享样式导入到组件中。我的nativescript项目存在于NxWorkspace设置中，该设置本身包含一个angular.json。来自@nativescript/schematics的文档说要在NativeScript项目根目录中生成一个新的angular.json文件，我已经这样做了，但是我在NxWorkspace根的<e
浏览 0提问于2018-08-17得票数 1
回答已采纳
让nativescript与angular 2的官方版本一起工作，我经历了一段很糟糕的时间。我是零问题与良好的ole派系网络角度，但本地脚本是一个不同的故事。NativeScript为什么我的hello world可以工作？我什么也没看见。/core";import { NativeScriptHttpModule}
浏览 0提问于2016-09-17得票数 0
我正在与nativescript建立一个新的代码共享项目。我必须开发一个平板电脑和桌面的离线应用程序。代码共享(https://docs.nativescript.org/angular/code-sharing/)万事大吉，现在是时候谈谈数据库了。我找到了nativescript-sqlite插件，但似乎只适用于nativescript，而不适用于web应用。我找不到包(适用于sql
浏览 18提问于2019-05-15得票数 0
我按照Nativescript步骤创建了一个新的代码共享项目，我想使用sass。我尝试了两种方法，一种是具有NatievScript主题的，另一种是没有的：
ng new -c=@nativescript/schematics no-theme-project --shared -然而，对于NativeScript手机而言(尚未测试iOS )，应用程序崩溃时会出错。我尝试过这两个tns run android，并使用NativeScript SideKick来构建，但是它们最终
浏览 2提问于2018-11-07得票数 2
回答已采纳
但是可以在NativeScript + Angular web应用中使用SQLite DB吗？
浏览 8提问于2021-09-23得票数 0
2回答
也为Web构建应用程序
、、、
Nativescript也可以为web构建应用程序吗？就像Ionicframework和类似的使用Cordova来构建Android和iOS一样，同样的代码也可以由超文本传输协议服务器提供给移动或桌面浏览器。使用Nativescript构建的应用程序，使用相同的web版应用程序代码库，这可能吗？
如今，Angular集成正在进行中，并将Angular用于mvc类的事情(如数据绑定、事件等)。如何处理为Nativescript中的gui模板编写的xml，
浏览 3提问于2015-06-17得票数 1
我正在构建一个具有代码共享()的本地脚本角度应用程序。尝试将Roboto应用于常规字体，但似乎不起作用。我已经看到有很多关于iOS和自定义字体的问题，但没有一个答案能解决我的问题，所以我猜这与我使用@nativescript/schematics (代码共享)设置有关。代码如下：src/_app-common.scss font-fa
浏览 0提问于2018-10-05得票数 2
nativescript客户端文档说要使用tns debug android以及tns debug android --模拟器，但是我不能让它工作。该应用程序是一个与sass的Nativescript + Angular代码共享项目。下面的命令将创建一个全新的代码共享项目： ng new -c=@nativescript/schematics sass-project --shared --style=scss 如果需要阅读更多关于代
浏览 20提问于2019-02-17得票数 0
如何拥有适用于angular的tsconfig.app.json和tsconfig.tns.json以及适用于ns8、angular 12和nativescript的本机脚本/angular/webpack5 我有一个共享的Angular和Nativescript存储库，为web和移动设备提供服务。Angular / Nativescript monorepos使用tsconfig.ap
浏览 25提问于2021-08-19得票数 0
回答已采纳
我正在尝试为一个基于angular2的前端应用程序设计一个合适的文件夹和代码结构，它将包含一个用于Android/iOS视图的nativescript部分，以及用于Web浏览器频道的常规DOM内容。{ platformNativeScriptDynamic } from "nativescript-angular/platform";
import { NativeScriptModule }from "nativescript-
浏览 0提问于2017-02-17得票数 0
回答已采纳
我正在与Nativescript角度和代码共享的应用程序工作。在几天前升级到Angular 10之后，一切都很好。angular/core": "~10.0.0", "@angular/platform-browser": "~10.0.0",
&qu
浏览 7提问于2020-08-28得票数 1
1回答
在生成nativescript项目中的组件时，我将得到一个.spec文件，该文件正在抛出语法错误。删除它可以解决这个问题。在任何情况下，我都想生成我的组件，服务，修饰符.没有.spec文件。我曾经在角度上达到这样的目的：
一定要用服务、模块代替组件.为了其他人。这在nativescript-Ng中并没有成功，这是非常正确的，因为@nativescript/schematics nat
浏览 2提问于2020-02-22得票数 1
回答已采纳
/nativescript-theme-core/css/core.light.css' in 'C:\Users\elish_n8zkzh8\Downloads\bandz test\app' @ ./main.ts
我已经尝试为npm警告安装zone.js，但它不起作用，并注释掉了导入，这是有
浏览 0提问于2019-09-07得票数 2
它工作得很好，而且在我开始使用OneSignal插件之前，它可以在启用了Webpack的情况下正确地构建/运行。它要求在源代码中添加下面这一行以使用它(这就是我目前正在做的)，所以我这样做了，例如，在一个名为main.module.ts的文件中： "@angular&
浏览 9提问于2017-06-08得票数 0
回答已采纳
它看起来像是在寻找加载器，但我不确定如何配置。有什么想法吗？ "@angular/animations": "^11.2.11", "@angular/compiler": "^11.2.11",
"@angular</
浏览 14提问于2021-04-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
