为什么我会收到Unexpected Token,错误?

时间:2017-07-03 15:25:30

标签: javascript typescript ionic-framework

我正在开发Ionic框架上的移动设备应用程序。所以我刚刚在我的机器人上获得了“死亡的白色死亡屏幕”。我得到了意外的令牌,错误。好的,我在谷歌浏览器中打开了检查员,我得到了什么

Picture 1

如您所见,main.js文件中存在错误。我找到了这个文件。它位于www / build文件夹中。所以这个 Main.js 是构建Android应用程序所必需的。 好的,所以我无法编辑此文件,因为当我尝试再次构建应用程序时,我的所有编辑都会撤消。没有我的编辑,我可以看到原始文件。为什么会这样?

!!我使用libary进行图像编辑LowPoly - > Link

triangle.html

<ion-header>

    <ion-navbar>
    <ion-title>Trianglify</ion-title>
    </ion-navbar>

</ion-header>


<ion-content class="triangle" text-center>

<button ion-button block outline (click)="takePicture()">Take a picture</button><br>
<button ion-button color="secondary" block outline style="position: absolute; bottom: 5px;" (click)="transformPHToTriangle(base64Image);">Transform</button>

<img [src]="base64Image" *ngIf="base64Image">
</ion-content>

Triangle.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Camera, CameraOptions } from '@ionic-native/camera';
import  LowPoly from 'lowpoly';

@IonicPage()

@Component({
    selector: 'page-triangle',
    templateUrl: 'triangle.html',
})

export class TrianglePage {

    public base64Image: string = './home_img/portrait.jpg';

    constructor(private camera: Camera, public navCtrl: NavController,         public navParams: NavParams) {}

    ionViewDidLoad() {
        console.log('ionViewDidLoad TrianglePage');
    }

    takePicture() {
        this.camera.getPicture({
        destinationType: this.camera.DestinationType.DATA_URL,
        targetWidth: 1000,
        targetHeight: 1000
        }).then((imageData) => {
        this.base64Image = "data:image/jpeg;base64," + imageData;
        }, (err) => {
        console.log(err);
        });
    }

transformPHToTriangle(photo) {
    new LowPoly(photo, {EDGE_DETECT_VALUE:80, 
    POINT_RATE:0.075, 
    POINT_MAX_NUM:3500, 
    BLUR_SIZE:2, 
    EDGE_SIZE:8, 
    PIXEL_LIMIT: 350000}).init().then((data) => {
    this.base64Image = data;
    });
    }
}

1 个答案:

答案 0 :(得分:0)

图书馆希望你通过babel传递它。请参阅文档:https://github.com/jrainlau/LowPolifier#usage

修复

使用{{1}}。

更多

https://github.com/babel/babel-loader