在现有的 Angular 项目中添加 Ionic 项目



我有一个现有的角度项目,我需要在其中添加一个离子项目,以便我可以使用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 梦想成真

相关内容

  • 没有找到相关文章

最新更新