如何修复控制器.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);}])

我想修复此错误=>未捕获的语法错误：意外令牌{

我正在使用angular，jwt和Nodejs进行开发。我该如何解决这个问题？谢谢

Answer 1

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

这是这里的罪魁祸首，通过你的代码我可以看到你在用angularJS，为了在angularJS中注入服务，你只需要在控制器中进行依赖注入。

你不能也不必像这样导入它.

刚刚进行了依赖注入，例如：

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

并且不要忘记在索引.html脚本部分添加此服务。

如果你仍然希望使用import语句，你必须在运行之前引入一个ES6到ES5编译器来编译你的代码。