2017-10-12 7 views
2

で修正できません。Ionic Blog(detailed here)で定義されているアップグレード手順を経て、Ionicプロジェクトをビルドすることができません。無効な構文についての非常に詳細でないエラーメッセージがどこかにあります。Ionic 2からIonic 3にアップデートされました。 "予期しないトークン{"エラー

[14:16:31] ionic-app-script task: "build" 
[14:16:31] SyntaxError: Unexpected token { 
SyntaxError: Unexpected token { 
    at exports.runInThisContext (vm.js:53:16) 
    at Module._compile (module.js:373:25) 
    at Object.Module._extensions..js (module.js:404:10) 
    at Module.load (module.js:343:32) 
    at Function.Module._load (module.js:300:12) 
    at Module.require (module.js:353:17) 
    at require (internal/module.js:12:17) 
    at Object.<anonymous> (\node_modules\@angular-devkit\build-optimizer\src\build-optimizer\webpack-loader.js:12:27) 
    at Module._compile (module.js:397:26) 
    at Object.Module._extensions..js (module.js:404:10) 

上記の詳細を使用してデバッグしようとしましたが、まったく何も得られませんでした。このエラーが発生する前に、私は上記の詳細以外の変更はしていません。何かご意見は?

package.json

{ 
    "name": "com.myapp.test", 
    "author": "", 
    "homepage": "", 
    "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", 
     "watch": "ionic-app-scripts watch" 
    }, 
    "dependencies": { 
     "@angular/common": "4.4.3", 
     "@angular/compiler": "4.4.3", 
     "@angular/compiler-cli": "4.4.3", 
     "@angular/core": "4.4.3", 
     "@angular/forms": "4.4.3", 
     "@angular/http": "4.4.3", 
     "@angular/platform-browser": "4.4.3", 
     "@angular/platform-browser-dynamic": "4.4.3", 
     "@ionic-native/core": "4.3.1", 
     "@ionic-native/splash-screen": "4.3.1", 
     "@ionic-native/status-bar": "4.3.1", 
     "@ionic/storage": "2.0.1", 
     "font-awesome": "4.7.0", 
     "ionic-angular": "3.7.1", 
     "ionicons": "3.0.0", 
     "node-sass": "^4.5.3", 
     "rxjs": "5.4.3", 
     "sw-toolbox": "3.6.0", 
     "zone.js": "0.8.18" 
    }, 
    "devDependencies": { 
     "@ionic/app-scripts": "3.0.0", 
     "typescript": "2.3.4" 
    }, 
    "description": "", 
    "cordovaPlugins": [], 
    "cordovaPlatforms": [], 
    "-vs-binding": { 
     "BeforeBuild": [ 
      "ionic:build" 
     ] 
    }, 
    "config": { 
     "ionic_copy": "./config/copy.config.js", 
     "ionic_sass": "./config/sass.config.js" 
    } 
} 

出力ionic info

cli packages: (C:\Users\me\AppData\Roaming\npm\node_modules) 

    @ionic/cli-utils : 1.13.0 
    ionic (Ionic CLI) : 3.13.0 

local packages: 

    @ionic/app-scripts : 3.0.0 
    Ionic Framework : ionic-angular 3.7.1 

System: 

    Node : v6.10.3 
    npm : 4.6.1 
    OS : Windows 10 

Misc: 

    backend : pro 
+0

参照してください? – Sampath

+0

package.jsonを追加しました。どのようなイオン情報をお探しですか? – c0r3yz

+0

'cmd'に入力して出力を表示しますか? '> ionic info' – Sampath

答えて

2

からごIonic infoによると、あなたはAndroid SDK Toolsを持っていません。だからあなたはそれをインストールする必要があります。

私はAndroid SDK Tools : 25.2.5を使用しています。

cordovaもインストールする必要があります。

これは私の詳細です:

global packages:

cordova (Cordova CLI) : 7.0.1 

local packages:

Cordova Platforms : android 6.2.3 

あなたは `イオンinfo`と` package.json`を表示することができますどのようにsetup Ionic 3 environment

+0

私はVisual Studio 2017をVS Tools for Apache Cordovaに使用していて、現在の設定でうまく構築していましたが、これはIonic 3のために変更されたものですか? – c0r3yz

+0

cordova - 6.3.1 and cordova-android 5.2.1 – c0r3yz

+0

なぜ 'ionic info'を使用したときに表示されないのですか?あなたは 'Ionic 3'環境についてもっと詳しく知ることができます:https://forum.ionicframework.com/t/clarify-ionic-3-build-process/90031/5 – Sampath

関連する問題