如何在 controller.js 上修复意外的令牌

Posted

技术标签:

【中文标题】如何在 controller.js 上修复意外的令牌【英文标题】:How to fix Unexpected token on controller.js 【发布时间】:2019-08-19 06:17:12 【问题描述】:

我对我的代码有一些疑问。下面的代码是我的代码。

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: Unexpected token

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

【问题讨论】:

How can I use an es6 import in node?的可能重复 【参考方案1】:

从'@auth0/angular-jwt'导入JwtHelperService;

这是罪魁祸首,通过您的代码,我可以看到您正在使用 angularJS, 要在 angularJS 中注入服务,您只需在控制器中进行依赖注入即可。

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

刚刚做了一个依赖注入,比如:

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

别忘了在 index.html 脚本部分添加这个服务。

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

【讨论】:

以上是关于如何在 controller.js 上修复意外的令牌的主要内容,如果未能解决你的问题,请参考以下文章

如何修复 ESLint 中的意外令牌?

如何修复'translate()得到一个意外的关键字参数'格式''

如何修复 babel 意外的保留字“接口”错误

如何修复:“致命错误:在展开可选值 (lldb) 时意外发现 nil”

如何在向某些站点发出 HttpWebRequest 时修复“底层连接已关闭:连接已意外关闭”

在代码中包含 @popperjs/core 和 eslint 时如何修复意外的 Webpack 错误