我有一个现有的角度项目,我需要在其中添加一个离子项目,以便我可以使用ionic serve
来运行离子项目,ng serve
来运行角度项目。
我尝试使用ng add @ionic/angular
,并在使用ionic init
创建项目后尝试ionic serve
此错误被抛出[ng] An unhandled exception occurred: Project does not exist.[ERROR] ng has unexpectedly closed (exit code 127). The Ionic CLI will exit. Please check any output above for error details.
也试过这个它不起作用 https://stack247.wordpress.com/2019/03/11/integrate-ionic-in-existing-angular-project/为 ionic 创建一个新的项目文件夹,这不是我的要求。
您可以使用 NX 工作区将多个应用程序(例如 Angular、Ionic(并排。这将为您的存储库实现以下结构:
/apps
/angular-app
/src <-- Same as in a default Angular project
tsconfig.json
etc.
/ionic-app
/src <-- Same as in a default Ionic project
tsconfig.json
etc.
/libs <-- Shareable code between apps and other libs
nx.json
package.json
tsconfig.json
etc.
为此,我建议通过以下方式设置一个全新的 nx 工作区
npx create-nx-workspace NAME
将 NAME 替换为存储库名称,并将当前目录更改为新创建的目录。它会询问您是否要初始化默认应用程序。您可以在此处选择一个 Angular 应用程序并复制所有 Angular 代码。然后你可以运行
ng g @nrwl/angular:application ionic-app
后跟(如果您安装了 ionic CLI,否则先通过运行npm install -g @ionic/cli
安装它(
ionic init "ionic-app" --type=angular
您需要在根目录内的ionic.config.json文件中添加以下配置
{
"name": "mobile",
"integrations": {},
"type": "angular",
"root": "apps/ionic-app"
}
引用:
- Github NX,第 619 期
- Github NX,问题 2633
- 媒介:Ionic4 NestJS Nx Monorepo 梦想成真