Vue 项目报错：‘$‘ is not defined ( no-undef )

清疚 2022-12-13 04:42 366阅读 0赞

## 错误描述 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0MTM2NA_size_16_color_FFFFFF_t_70_pic_center][]  
报错如上图所示，错误原因是不认识 `$` 符，他是 `JQuery` 中得符号，我也确实引入了 `JQuery`：

![20201010134143313.png_pic_center][]

## 解决办法 ##

在 vue 项目的根目录下创建一个 `.eslinttrc.js` 文件，文件内容如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0MTM2NA_size_16_color_FFFFFF_t_70_pic_center 1][]

module.exports = { 
        root: true,
        env: { 
            node: true
        },
        'extends': [
            'plugin:vue/essential',
            'eslint:recommended'
        ],
        rules: { 
            'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
            'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
            'no-undef': 'off',
            'vue/no-unused-vars': 'off',
            'vue/require-v-for-key': 'off',
            'no-unused-vars': 'off',
            'vue/no-unused-components': 'off'
        },
        parserOptions: { 
            parser: 'babel-eslint'
        }
    };

其中 `'no-undef': 'off'` 表示关掉之前的语法检查，这是一把双刃剑，关掉之后我们就可以运行了，打开的话检查会很严格。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0MTM2NA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/1d47a752efca437fa6d7747e6d764ecc.png
[20201010134143313.png_pic_center]: /images/20221123/e15db3694f014d32b017eb87b63d9eb0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk0MTM2NA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/c803195fa68e4d81a3cee605d609ce31.png