vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案

近日在vue项目开发中遇到一个问题：vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案。。。

首先说一下为什么会出现这个错误，其实项目发布到线上是不会出现这个问题的，但是我们本地开发时由于代码的规范插件，导致这哥报错的出现，其实我们只需一个小的配置略过这个编辑器的解析就好了。。。

废话不多说直接看代码：

首先在我们项目的根目录创建一个文件：如下图所示：文件名为(.eslintrc.js，不要忘记前面有个点)

接下来就是内部代码：

module.exports = {root: true,env: {node: true},'extends': ['plugin:vue/essential','eslint:recommended'],parserOptions: {parser: 'babel-eslint'},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'}
}

把文件创建好，代码ctrl+c，ctrl+v，即可。重新启动项目就可以了。。。

vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案相关推荐

解决使用webstorm新建vue项目时‘gyp: No Xcode or CLT version detected!’报错
在使用webstorm新建vue项目时,遇到了下面的错误 No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.No rece ...
【vue】 vue项目开发卡片展示页面----菜品管理
vue项目开发卡片展示页面----菜品管理对话框表单获取父组件数据子组件dishform 对话框表单样式 methods 中的dataInit方法获取父组件传来的数据 <script> ...
Vue项目保存代码之后页面自动更新
Vue项目保存代码之后页面自动更新想要在代码中保存之后,页面自动刷新. 命令行敲如下代码 npm install webpack-dev-server 下载了这个东西就不用每次都手动刷新了,我也不知 ...
php项目index页面空白,如何解决vue项目打包后打开页面空白的问题
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考. 网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通 ...
vue项目echarts通过cdn或npm引入
1. vue版本号: 2.6.11 2. vue-cli版本号: 4.5.11 3. 通过CDN的方式引入 3 3.1 .线上链接 1.首先先在public文件夹下的html页面中引入 <scr ...
vue项目根据不同手机尺寸设置引入不同图片的功能
在改一个bug,要求根据不同手机来动态的引入不同的图片主要是小手机引入 2x的大手机引入3x的这里提到一个知识点retinajs 有兴趣的可以去看看英文官网链接中文链接 ...
vue项目打包后出现页面布局异常、图片显示不出来等问题
通常我们写完vue项目后,会执行 npm run serve 对项目进行打包.执行完后,就在项目的目录中生成dist文件夹.一开始,我以为双击dist文件夹里index.html会把打包后的项目运行起 ...
vue项目登陆逻辑和页面加载逻辑
最近修改了俩个vue项目登陆逻辑,摸摸摸,三改四改,总结了一些思路: 文章目录首先,理清好思路 1.什么样的情况下是登陆状态(初始化加载 => App.vue) 2. 没有登陆的情况下,项目的 ...
vue项目移动H5的页面调试
移动H5的页面调试 1.eruda 直接在html中外链引入初始化;然后重新运行项目即可看到 <script src="//cdn.bootcdn.net/ajax/libs/erud ...

vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案

vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案相关推荐

最新文章

热门文章