2017-04-21 14 views
1

私はすべての似たような問題を経験しましたが、幸運はありませんでした。私は、次の詳細を私の古いラップトップに取り組んでイオン2プロジェクトを持っている:Ionic Serveが空白ページを読み込む(リソースを読み込めませんでした)

Cordova CLI Version: 6.5.0 
Ionic CLI Version: 2.2.1 
Ionic App Lib Version: 2.2.0 
ios-deploy version: Not installed 
ios-sim version: Not installed 
OS: Windows 10 
Node Version: v4.2.6 
Xcode version: Not installed 

私の新しいラップトップ上で、最新のNPMとイオンをインストールした後、私はgitの経由プロジェクトをクローン化しました。私は解決したいくつかの問題に直面した。

ここ
Failed to load resource: the server responded with a status of 404 (Not Found) 

はイオン2は、私の新しいラップトップでどのように見えるかです::

この時点で、私はイオン を実行したときにに仕え、空白のページがコンソールに次のエラーで私のブラウザにロードされます
Cordova CLI: 6.5.0 
Ionic Framework Version: 2.0.0-rc.4 
Ionic CLI Version: 2.2.3 
Ionic App Lib Version: 2.2.1 
Ionic App Scripts Version: 0.0.47 
ios-deploy version: Not installed 
ios-sim version: Not installed 
OS: Windows 10 
Node Version: v7.9.0 
Xcode version: Not installed 

問題が何であるか、どうやってこれをデバッグすることができますか?

UPDATE:追加package.json

 { 
     "name": "ionic-hello-world", 
     "author": "Ionic Framework", 
     "homepage": "http://ionicframework.com/", 
     "private": true, 
     "scripts": { 
      "clean": "ionic-app-scripts clean", 
      "build": "ionic-app-scripts build", 
      "ionic:build": "ionic-app-scripts build", 
      "ionic:serve": "ionic-app-scripts serve" 
     }, 
     "dependencies": { 
      "@angular/common": "2.2.1", 
      "@angular/compiler": "2.2.1", 
      "@angular/compiler-cli": "2.2.1", 
      "@angular/core": "2.2.1", 
      "@angular/forms": "2.2.1", 
      "@angular/http": "2.2.1", 
      "@angular/platform-browser": "2.2.1", 
      "@angular/platform-browser-dynamic": "2.2.1", 
      "@angular/platform-server": "2.2.1", 
      "@ionic-native/core": "^3.4.4", 
      "@ionic-native/in-app-browser": "^3.4.4", 
      "@ionic/storage": "1.1.7", 
      "ionic-angular": "2.0.0-rc.4", 
      "ionic-native": "2.2.11", 
      "ionicons": "3.0.0", 
      "rxjs": "5.0.0-beta.12", 
      "zone.js": "0.6.26" 
     }, 
     "devDependencies": { 
      "@ionic/app-scripts": "0.0.47", 
      "typescript": "2.0.9" 
     }, 
     "cordovaPlugins": [ 
      "cordova-plugin-whitelist", 
      "cordova-plugin-console", 
      "cordova-plugin-statusbar", 
      "cordova-plugin-device", 
      "cordova-plugin-splashscreen", 
      "ionic-plugin-keyboard" 
     ], 
     "cordovaPlatforms": [], 
     "description": "mnmreporting: An Ionic project" 
     } 
+0

'package.json'ファイルを表示できますか? – Sampath

+0

@Sampathファイルを上記の更新された投稿に追加しました – Muhammad

答えて

0

これで解決しました。それにもかかわらず

https://dzone.com/articles/migrating-an-ionic-2-project-to-ionic-3

この後、私はストレージにエラーが発生しました:私は基本的にこれがここでの指示に従うことによって行うことができるイオン3にイオン2から私のアプリを移行する必要がありました。私はここで答えを使って、これを固定:

Can't resolve all parameters for Storage: (?)

これは他の誰かに役立ちます願っています。

0

あなたは以下に示すように、最新のパッケージにそれを更新する必要があり、あなたのpackage.json file.Youとの明確な問題があります。

"dependencies": { 
    "@angular/common": "4.0.0", 
    "@angular/compiler": "4.0.0", 
    "@angular/compiler-cli": "4.0.0", 
    "@angular/core": "4.0.0", 
    "@angular/forms": "4.0.0", 
    "@angular/http": "4.0.0", 
    "@angular/platform-browser": "4.0.0", 
    "@angular/platform-browser-dynamic": "4.0.0", 
    "@ionic-native/core": "3.4.2", 
    "@ionic-native/in-app-browser": "3.4.2", 
    "@ionic-native/splash-screen": "3.4.2", 
    "@ionic-native/status-bar": "3.4.2", 
    "@ionic/storage": "2.0.1", 
    "ionic-angular": "3.0.1", 
    "ionicons": "3.0.0", 
    "rxjs": "5.1.1", 
    "sw-toolbox": "3.4.0", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@ionic/app-scripts": "1.2.4", 
    "typescript": "~2.2.1" 
    }, 

offical file hereを参照してください。

関連する問題