Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Angular CLI上迁移Angular-2应用程序_Angular_Angular Cli - Fatal编程技术网

如何在Angular CLI上迁移Angular-2应用程序

如何在Angular CLI上迁移Angular-2应用程序,angular,angular-cli,Angular,Angular Cli,我将使用Sing App-Web&Angular 2.0仪表板模板来完成我们的任务,但此应用程序并非基于Angular CLI项目。我必须在Angular CLI上使用此应用程序。我尝试了一些选项,但没有成功。请建议将此应用程序带到客户端的最佳方式 2017年7月8日更新:如果您正在寻找如何在迁移到新版本时升级更改,请检查 运行npm uninstall-g angular cli然后npm cache clean 运行npm安装-g angular cli更多详细信息 备份你的应用程序 转到你

我将使用Sing App-Web&Angular 2.0仪表板模板来完成我们的任务,但此应用程序并非基于Angular CLI项目。我必须在Angular CLI上使用此应用程序。我尝试了一些选项,但没有成功。请建议将此应用程序带到客户端的最佳方式

2017年7月8日更新:如果您正在寻找如何在迁移到新版本时升级更改,请检查

  • 运行
    npm uninstall-g angular cli
    然后
    npm cache clean
  • 运行
    npm安装-g angular cli
    更多详细信息
  • 备份你的
    应用程序
  • 转到你的
    应用程序
    文件夹
  • 运行
    ng init
    -此命令将通过向现有应用程序中写入一些文件来初始化
    angular cli
    应用程序。请小心覆盖现有文件,跳过那些您不确定的文件,但是您始终可以引用备份
  • 运行
    ng新的简单应用程序
    -此应用程序将用作
    angular cli
    真理之源应用程序
  • angular cli
    app
    中生成/需要的文件与
    simple app
    进行比较,以查看在步骤4中是否遗漏了任何内容。
  • 确保所有必需的
    angular cli
    npm模块都已安装到您的
    app
    (比较
    package.json
    文件)
  • 运行
    npm start
    它可能会给您一个必须修复的错误。您可能需要返回步骤7.8.。如果您弄乱了软件包,您可能需要删除
    node\u modules
    文件夹并运行
    npm install
  • 您可以访问您的
    应用程序
  • 2017年7月8日更新:如果您正在寻找如何在迁移到新版本时升级更改,请检查

  • 运行
    npm uninstall-g angular cli
    然后
    npm cache clean
  • 运行
    npm安装-g angular cli
    更多详细信息
  • 备份你的
    应用程序
  • 转到你的
    应用程序
    文件夹
  • 运行
    ng init
    -此命令将通过向现有应用程序中写入一些文件来初始化
    angular cli
    应用程序。请小心覆盖现有文件,跳过那些您不确定的文件,但是您始终可以引用备份
  • 运行
    ng新的简单应用程序
    -此应用程序将用作
    angular cli
    真理之源应用程序
  • angular cli
    app
    中生成/需要的文件与
    simple app
    进行比较,以查看在步骤4中是否遗漏了任何内容。
  • 确保所有必需的
    angular cli
    npm模块都已安装到您的
    app
    (比较
    package.json
    文件)
  • 运行
    npm start
    它可能会给您一个必须修复的错误。您可能需要返回步骤7.8.。如果您弄乱了软件包,您可能需要删除
    node\u modules
    文件夹并运行
    npm install
  • 您可以访问您的
    应用程序

  • 什么是Sing应用程序?Sing应用程序是基于agular的管理仪表板模板2@What是Sing应用程序吗?Sing应用程序是基于agular的管理仪表板模板2@Following步骤但CLI在“70%构建模块763/763模块0处于活动状态”后被挂起。这可能是您的一些
    npm软件包的问题,检查您的所有软件包是否与当前的
    angular 2.x.x
    版本兼容,同时检查您的typescript版本,确保它是
    2.0.10
    。您的一些软件包的前缀可能是Verison,因此只需转到
    npm_modules
    并手动检查特定软件包的
    package.json
    ,以检查其确切版本。您也可以通过在app.module.ts中添加注释来手动逐个禁用软件包,只需找出在构建过程中出现的故障。谢谢…现在正在工作。我正在尝试执行相同的操作,但无法做到。您能否详细说明哪些文件需要替换,哪些文件不需要替换?@Kuncevic我尝试了上述步骤,但是我想cli版本已经发生了巨大的变化,您能提供一些步骤吗。我尝试的一种方法是使用Sing App的ajax版本中的所有css和JS,但并不是所有内容都能按要求工作。请帮忙!按照您的步骤,但CLI在“70%构建模块763/763模块0活动”后被挂起。您的一些
    npm软件包可能存在问题
    ,请检查您的所有软件包是否与当前
    angular 2.x.x
    版本兼容,同时检查您的typescript版本,确保它是
    2.0.10
    。您的一些软件包的前缀可能是Verison,因此只需转到
    npm_modules
    并手动检查特定软件包的
    package.json
    ,以检查其确切版本。您也可以通过在app.module.ts中添加注释来手动逐个禁用软件包,只需找出在构建过程中出现的故障。谢谢…现在正在工作。我正在尝试执行相同的操作,但无法做到。您能否详细说明哪些文件需要替换,哪些文件不需要替换?@Kuncevic我尝试了上述步骤,但是我想cli版本已经发生了巨大的变化,您能提供一些步骤吗。我尝试的一种方法是使用Sing App的ajax版本中的所有css和JS,但并不是所有内容都能按要求工作。请帮忙!