Vue 学习过程中遇到的一些问题

Vue 学习过程中遇到的一些问题

1. webpack安装失败

解决：方法有点笨，但实用，我是卸载node，重新安装哈哈哈，刚开始只是自己删除了node的一个文件夹，但好像没什么用
第二次在网上查了查，说是要把之前设置的关于node的环境变量什么的都得删掉（记得不可全部删除，只删除node部分的），又把报错提醒的一些文件夹里的所有关于node的文件都删除干净了，接着找到了当时下载的node安装包，

点击Repair 修复了一下，最后好使了哈哈哈很开心

2. 初学webpack时 打包一个js文件失败

解决：npm uninstall webpack -g 强制全局卸载webpack 重新安装
卸载完毕后先全局安装webpack npm i webpack -g
之后再在当前项目下局部安装webpack npm i webpack -D

3. 运行项目之后，出现==Error: Cannot find module ‘@babel/core’==错误

问题所在：版本搭配问题
起初的配置文件中babel-core和babel-loader参数

重装了好几遍babel-core都无效，就查看其他项目发现babel-loader的版本号不一样是7.x的，于是就重新安装了低版本的babel-loader npm install babel-loader@7.1.5 -D，重新运行了一下，哇塞，奇迹出现了哈哈哈，项目正常运行，没有报错。over，应该还有一种解决方法就是将babel-core的版本升级到7.x的对应babel-loader的8.x版本就可以。

默默的备注一下：官方默认 babel-loader | babel 对应的版本需要一致: 即需要搭配最新版本，尴尬的笑了一笑，弄了一上午竟然是版本搭配问题哈哈哈。

4. 运行时报错：npm Error:operation not permitted

如出现operation not permitted这种错误，就是windows系统下的权限错误
解决：windows + X , 选择命令提示符（管理员），在里面运行命令即可。

5. main.js报错 ‘import’ is only available in ES6(use ‘esversion: 6’)

错误如下：

将项目放到公司电脑打开main.js之后显示报错如上图所示，
就按照第二行代码先在语句后面加了分号; 第二行错误消失，但第一行的错误依然存在，
将鼠标放到波浪线下，显示'import' is only available in ES6(use 'esversion: 6')，想起前几天
解决方法就是在当前页面头部添加一行代码/* jshint esversion: 6 */即可支持ES6语法

Bingo 错误全都不见了 !