javascript Eslint抛出“解析错误：使用TypeScript时出现意外标记

oalqel3c 于 2023-05-16 发布在 Java

关注(0)|答案(1)|浏览(176)

我安装了@types/greensock并开始使用gsap和TypeScript。一切正常，但ScrollTo插件给出了这个eslint错误（图片附后）。有人知道这件事吗？
以下是eslint错误：

下面是我的.eslintrc：

{
  "extends": "eslint:recommended",
  "parser": "babel-eslint",
  "env": {
    "node": true,
    "es6": true,
    "browser": true
  }
}

下面是我的代码：

import { ScrollToPlugin } from "gsap/ScrollToPlugin";
import { gsap } from "gsap";
gsap.registerPlugin(ScrollToPlugin);

export const headerInteractionHandler = () => {
  document.querySelector("header .logo").addEventListener("click", (e) => {
    e.preventDefault();
    let element = <HTMLAnchorElement>e.currentTarget;

    gsap.to(window, {
      duration: 0.8,
      scrollTo: `${element.getAttribute("data-destination")}`,
    });
  });
};

JavaScript

来源：https://stackoverflow.com/questions/70824204/eslint-throwing-parsing-error-unexpected-token-while-using-typescript

1条答案

按热度按时间

qoefvg9y1#

我在GreenSock论坛上被告知，我不应该使用@types/greensock，因为gsap内置了对TypeScript的支持。所以我删除了它，我更新了我的.eslintrc，用@typescript-eslint/parser替换了babel-eslint，问题就解决了。
需要安装：

npm i @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev

.eslintrc：

{
  
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended"
  ]
}

赞(0）回复(0）举报 2023-05-16

我来回答

javascript Eslint抛出“解析错误：使用TypeScript时出现意外标记

1条答案

相关问题

热门标签

最新问答