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

最新推荐文章于 2025-10-10 03:53:06 发布

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

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #ViewUI

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

为什么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

分享到新浪微博

扫一扫
举报

举报

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

qq_43610925的博客

05-06

1565

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

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

weixin_54048131的博客

01-10

2638

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

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

一文了解ESlint使用(vue2)

最新发布

ASS___的博客

10-10

545

在使用插件的时候版本使用正确是非常重要的,如果是二开项目重构的话需要自己找对一个的版本。

解决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

4942

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

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

m0_67402970的博客

03-02

3425

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

4169

一、问题描述在项目中添加一个全局变量，但是在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

2574

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

Eslint 规则说明

05-18

1193

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

4757

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

Eslint中no-undef的检查报错

热门推荐

weixin_33805992的博客

02-24

1万+

2019独角兽企业重金招聘Python工程师标准>>> ...

vue3 编译报 ESLint: ‘defineProps‘ is not defined no-undef 错误问题

左直拳的马桶_日用桶

01-12

2329

网上找答案，总是扯什么修改.eslint.js文件，须知改文件位于node_modules，如大海捞针，并且有多个。改这里是没有道理的，也没有效果。可能是很久之前的答案了吧。

XXX is not defined.eslint no-undef

Beam

03-30

8042

代码 <script language="javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=***&plugin=AMap.ControlBar,Map3D,AMap.DistrictSearch" ignore> </script> <script language="javascript" src="/static/js/xml2json.js" ignore> // JSO

vue3中报ESLint: ‘defineProps‘ is not defined.(no-undef)

B030209的博客

07-15

1172

vue3中报ESLint: 'defineProps' is not defined.(no-undef)

ESLint: ‘xxxx‘ is not defined. (no-undef)

Admire0v0的博客

03-09

1624

当React/Vite 使用原生自带的测试功能时测试React应用时，若启用了ESLint进行检查，就会有下列报错：ESLint: 'test' is not defined. (no-undef)

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 的类型检查插件，可能存在语法错误或未编译的模块。