Как исправить неожиданный токен {на controller.js

Question

У меня есть некоторые сомнения по поводу моего кода.Код ниже - мой код.

import  {JwtHelperService}  from '@auth0/angular-jwt';
angular.module("appFoco", []).controller("LoginFormPDF", ['$scope', '$location', '$http', function($scope, $location, $http) {
const helper = new JwtHelperService();
console.log($scope);}])

И я хочу исправить эту ошибку => Uncaught SyntaxError: Неожиданный токен {

Я работаю с angular, jwt и Nodejs.Как я могу это исправить?Спасибо

Answer 1

import {JwtHelperService} из '@ auth0 / angular-jwt';

Это виновник, по вашему коду я вижу, что вы используете angularJS, Для внедрения службы в angularJS вам просто нужно внедрить зависимости в ваш контроллер.

Вы не можете и не должны импортировать это так.

Только что сделал инъекцию зависимости как:

angular.module("appFoco", []).controller("LoginFormPDF", ['$scope', '$location', '$http', 'JwtHelperService', function($scope, $location, $http, JwtHelperService) {

И не забудьте добавить этот сервис в раздел скрипта index.html.

Если вы все еще хотите использовать оператор импорта, вы должны представить компилятор ES6 to ES5, чтобы скомпилировать код перед его запуском.