vue ESLint: 'common' is not defined. (no-undef)

最新推荐文章于 2025-06-09 09:04:03 发布

转载最新推荐文章于 2025-06-09 09:04:03 发布 · 1.2w 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/uwith/blog/3055113

文章标签：

#javascript #ViewUI

博客提到使用Vue时，使用全局变量会使ESLint语法报错，提示变量未定义。解决办法是在.eslintrc.js文件中添加配置，取消该校验，文中以全局变量common为例说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

在使用vue的时候，使用一个全局变量，ESLint的语法会出现ESLint: 'common' is not defined. (no-undef)，说变量未定义，这时我们可以添加配置，取消这个校验。

1、在.eslintrc.js文件中添加一个配置，位置如下图所示，我的全局变量就是common。

"globals":{
  "common": true
}

转载于:https://my.oschina.net/uwith/blog/3055113

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33753003

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Eslint-------error ‘Vue‘ is not defined no-undef

weixin_54048131的博客

01-10

2555

293911833，有遇到问题的，可以加一下群，大家互相交流，一起进步。

前端工程化1：从0到1配置eslint (所有人一看就懂)

franktaoge的博客

09-07

1490

从0到1配置eslint (所有人一看就懂)

参与评论您还未登录，请先登录后发表或查看评论

‘common‘ is not defined. (no-undef)变量未定义

qq_43610925的博客

05-06

1534

vue项目的'common'红线标错未定义

Vue.js ESLint 插件完全指南：从安装到高级配置

gitblog_00313的博客

06-09

608

Vue.js ESLint 插件完全指南：从安装到高级配置前言在现代 Vue.js 开发中，代码规范和质量控制是不可或缺的环节。eslint-plugin-vue 作为 Vue.js 官方的 ESLint 插件，专门为 Vue 单文件组件(SFC)提供代码检查能力。本文将全面介绍该插件的使用方法，帮助开发者建立规范的 Vue.js 代码检查工作流。环境准备与安装系统要求在开始使用前，请确...

解决error ‘XXX‘ is not defined no-undef且项目没有eslintrc.js文件问题

热门推荐

weixin_44090753的博客

04-22

1万+

问题描述这是因为eslint的语法校验导致的问题，文件是通过public的index.html中<script src="xxxxxx.js"></script>引入的，没有定义全局变量，项目没有eslintrc.js文件，但是可以在package.json中配置eslint规则在rules规则下，添加"no-undef": "off"即可 ...

Vue报错：ESLint: 'axios' is not defined. (no-undef)

publicman_的博客

04-23

1万+

在vue文件中ESLint的语法提示“axios”未定义。原因： 1、没有安装“axios”；通过nmp安装 2、.vue文件种，没有在script中引入axios； <script> import axios from 'axios'; </script> ...

油猴脚本使用jquery报错eslint:no-undef - ‘$‘ is not defined

qq_33298964的博客

02-27

4699

油猴脚本使用jquery报错eslint:no-undef - '$' is not defined

最新发布

08-30

- **使用 Linter 工具**: 如 ESLint，检测未定义变量（配置规则如 `no-undef`）[^3]。 - **构建工具集成**: 在开发环境始终启用 Source Map，生产环境禁用以避免安全问题。 - **定期测试**: 运行单元测试（如 Jest）...

vue md5 is not defined

09-05

根据报错信息"vue md5 is not defined"，这个错误的原因是在代码中使用了未定义的md5变量。根据引用中的配置，可以看到在规则中将'no-undef'设置为'off'，意味着不会报告未定义的变量错误。所以，这个错误可能不是由...

defineEmits is not defined

08-27

"Emits is not defined"的错误是在使用Vue3开发时遇到的问题。根据引用提供的信息，一种解决方法是在eslint的规则中加入"no-undef": "off"。另外，根据引用提供的代码，可以通过在全局globals中定义"defineEmits"为...

defineprops is not defined vu

07-27

- *1* [Vue3 eslint 编译器宏和 defineProps，defineEmits，no-undef 规则警告](https://blog.csdn.net/yusirxiaer/article/details/124559142)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...

Vue中error ‘XXXXX‘ is not defined no-undef解决办法

m0_67402970的博客

03-02

3365

Vue中:error ‘XXXXX‘ is not defined no-undef解决办法语法没错居然报错了解决方法：拓展语法没错居然报错了解决方法：在使用vue的时候，使用一个全局变量，ESLint的语法会出现ESLint: ‘Aliplayer’ is not defined. (no-undef)，说变量未定义，这时我们可以添加配置，取消这个校验。在.eslintrc.js文件中添加一个配置，位置如下图所示，我的全局变量就是Aliplayer。一、打开

Vue项目中，eslint报错：error ‘XXXXX‘ is not defined no-undef

m0_64915594的博客

01-18

4126

一、问题描述在项目中添加一个全局变量，但是在npm run lint的时候一直有报错提示： error 'GLOBALbaseURL' is not defined no-undef 二、报错截图三、解决办法在项目中找到.eslintrc.js文件，添加一个globals对象，把定义的全局变量值放到对象中作为属性，属性值为true（多个全局变量时都需要加到globals对象中）。保存后再次npm run lint就不会报错啦 ...

error ‘onMounted‘ is not defined no-undef，已解决，已更正了

weixin_40945354的博客

02-25

1万+

<template> <div></div> </template> <script> export default { setup() { // mounted onMounted(() => { console.log('Component is mounted!') }) } } </script>

记一次使用wow.js 报错，config is not defined

Montaro2017的博客

08-25

2545

使用wow.js的时候出现了如下图的报错，虽然不影响使用，但是总看着不爽。定位到报错位置，发现全部都压缩成了一行，用编辑器格式化一下就舒服多了。或者使用未压缩的版本也可以。格式化之后刷新浏览器，发现错误在133行。代码经过混淆，阅读起来稍微有点困难。先看一下wow.js是怎么用的。可以猜测到，代码中的e即指代WOW，config即指实例化时传入的参数，看到其他地方有使用config.mobile就能确认。报错的代码在一个resetAnimation函数中，先打印一下this看看。看一

Eslint 规则说明

05-18

1125

1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.caller或arguments.callee 5 "no-cat...

【VUE】关闭语法检查 Vue中:error ‘XXXXX‘ is not defined no-undef解决办法

我是Superman丶的博客

06-22

4737

vue.config.js module.exports = { lintOnSave:false,//关闭eslintre语法检查

vue3+vite+ts项目在.d.ts文件中declare namespace ,其他文件使用代码提示报错：'Menu' is not defined.eslintno-undef

09-21

在 Vue3 + Vite + TypeScript 的项目中，当你在`.d.ts` 文件中声明了一个名为 `Menu` 的命名空间(`namespace`)，但在其他文件中尝试使用它时遇到 `'Menu' is not defined` 错误，并且受到了 ESLint 的 "no-undef" 规则限制，这通常是由于类型声明未正确导入或模块查找路径有误。以下是可能出现的原因和解决方案： 1. **缺少导入**：确保在使用 `Menu` 的地方导入了相应的类型声明。例如，如果你在 `menu.ts` 中声明了 `Menu`，那么在需要使用的组件或模块里，添加： ```typescript import { Menu } from './menu'; ``` 或者如果是在全局范围内使用，考虑是否应该放在 `global.d.ts` 中并导出。 2. **模块结构问题**：确认你在 `.d.ts` 文件所在的目录路径是否正确，以及是否被其他文件成功引用。Vite 使用了动态导入，所以确保类型声明文件被正确地包含在构建过程中。 3. **类型别名**：如果你使用了类型别名 (`as`)，确保别名也被导入和使用： ```typescript declare namespace Menu { // ...类型定义... } import Menu = require('./menu'); ``` 4. **ESLint 配置**：检查 ESLint 的配置文件 `.eslintrc.js`，确保 "no-undef" 规则仅针对未定义的变量或函数，而不是在整个项目中启用。你可以设置成只对某个特定文件夹或特定文件生效，避免影响全局类型的定义。 5. **编译错误**：确保所有的类型声明都已经正确编译，如果使用的是预构建工具，如 `tsc` 或 Vite 的类型检查插件，可能存在语法错误或未编译的模块。