2

概述

我用 Visual Studio 开发了一个离子移动应用程序。当我在 src/app/main.ts 中添加 import 语句时，我的应用程序无法运行并且没有呈现预期的页面。请告诉我如何解决这个问题。

我将我的应用程序发布到 github。 链接到我的 github 页面

我的应用程序无法正常工作

  1. 我通过 npm 命令安装了 aws-amplify。

    $ npm install aws-amplify --save

  2. 我选择了“Ionic 2 - Tabs”模板并创建了一个新项目。 Visual Stido “离子 2 - 选项卡”

  3. 我在 src/app/main.ts 中添加了 import 语句。

    import Amplify, { Auth } from 'aws-amplify';

  4. 我的应用程序无法正常工作。

错误消息和屏幕截图

JavaScript 控制台显示以下消息。

Failed to load resource: net::ERR_FILE_NOT_FOUND
main.css
Failed to load resource: net::ERR_FILE_NOT_FOUND
main.js
Failed to load resource: net::ERR_FILE_NOT_FOUND
polyfills.js

我的应用程序预计会呈现下面的页面。

预期页面

但它呈现了下面的页面。

意外页面

4

1 回答 1

0

从错误来看，它看起来不像来自 aws-amplify。首先尝试从 aws-amplify 中删除导入如何？

它更像是视觉工作室模板有问题。我刚刚尝试了命令行它工作正常。

ionic start myApp tabs
cd myApp
ionic serve

这是一个 aws starter 模板，也许您可​​以尝试关注。

https://github.com/ionic-team/starters/tree/master/ionic-angular/official/aws

于 2018-04-16T18:13:36.653 回答