Vue 中遇到的错误

左手的ㄟ右手 2023-10-06 22:28 17阅读 0赞

#### 阅读目录 ####

*  解决VUE启动问题（You may use special comments to disable some warnings）
 *   *  两种方法解决
     *   *  方法 一
         *  方法 二
 *  安装 vuex 启动报错 “export ‘watch‘ was not found in ‘vue‘

## 解决VUE启动问题（You may use special comments to disable some warnings） ##

运行： " npm run dev "  
报错： 如下图, ““You may use special comments to disable some warnings.”  
原因：Eslint的检测机制。  
![在这里插入图片描述][378e0a6bc6814b81bfd8779f41c23570.png]

### 两种方法解决 ###

#### 方法 一 ####

在 `build/webpack.base.conf.js` 文件中 注释 掉第43行代码，如下图，然后重新启动 `npm run dev`  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9_size_20_color_FFFFFF_t_70_g_se_x_16]

#### 方法 二 ####

在 `config/index.js` 文件中第26行中的 `useEslint` 的值 `true` 改为 `false`，如下图，然后重新启动 `npm run dev` 。  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9_size_20_color_FFFFFF_t_70_g_se_x_16 1]

## 安装 vuex 启动报错 “export ‘watch‘ was not found in ‘vue‘ ##

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9_size_20_color_FFFFFF_t_70_g_se_x_16 2]  
如果你的 vue 版本是 `2.X` ，将 vuex 升到 `3.X.X` 就能够解决

> npm install --save vuex@3.6.2

如果你的 vue 版本是 `3.X` ，将 vuex 升到 `4.X.X` 就能够解决

> npm install --save vue@3.0.2  
> npm install --save vuex@4.0.0

我的 vue 版本是 2.X 用这个办法就解决了~

[378e0a6bc6814b81bfd8779f41c23570.png]: https://img-blog.csdnimg.cn/378e0a6bc6814b81bfd8779f41c23570.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/adcfaa83f1d54a4d9e9621bcb447938c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/21665301882b48b2b96f096dbf92f73b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/08e723c738574a54be37319b2fcd322c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA55-l5YW26buR44CB5Y-X5YW255m9,size_20,color_FFFFFF,t_70,g_se,x_16