ESLint提示gsap、scrolltrigger、lenis未定义（no-undef）问题咨询

这不是ESLint的识别错误，核心原因是：你通过<script>标签在全局作用域引入了gsap、ScrollTrigger、lenis这些库，但ESLint默认不会自动识别这类全局变量，所以触发了no-undef规则报错。

以下是几种可行的解决办法：

1. 在ESLint配置文件中声明全局变量 #

在项目的ESLint配置文件（比如.eslintrc.js、.eslintrc.json）里添加globals字段，明确告诉ESLint这些是合法的全局变量：

// .eslintrc.js
module.exports = {
  // 其他已有配置...
  globals: {
    gsap: true,
    ScrollTrigger: true,
    lenis: true
  }
};

2. 在main.js顶部用注释声明全局变量 #

如果不想修改全局ESLint配置，可以在main.js文件最顶部添加注释，单独声明当前文件允许使用的全局变量：

/* global gsap, ScrollTrigger, lenis */

// 你的业务代码
lenis = new Lenis();
gsap.registerPlugin(ScrollTrigger);
// ...后续逻辑

3. 改用模块导入（推荐，适合现代项目） #

如果你的项目使用了Webpack、Vite这类打包工具，建议通过npm安装依赖后用模块导入的方式使用，这样ESLint能自动识别变量：
首先安装依赖：

npm install gsap @studio-freight/lenis

然后在main.js中导入使用：

import gsap from 'gsap';
import ScrollTrigger from 'gsap/ScrollTrigger';
import Lenis from '@studio-freight/lenis';

gsap.registerPlugin(ScrollTrigger);
const lenis = new Lenis();
// ...后续逻辑

内容的提问来源于stack exchange，提问作者user1406440