记录vue项目安装axios,npm run dev 运行报错问题

 WAIT  Compiling...                                                                                                                                                              下午2:51:42

 94% asset optimization

 ERROR  Failed to compile with 2 errors                                                                                                                                          下午2:51:43

 error  in ./node_modules/axios/lib/platform/index.js

Module parse failed: Unexpected token (5:2)
You may need an appropriate loader to handle this file type.
| 
| export default {
|   ...utils,
|   ...platform
| }

 @ ./node_modules/axios/lib/defaults/index.js 8:0-44
 @ ./node_modules/axios/lib/axios.js
 @ ./node_modules/axios/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

 error  in ./node_modules/axios/lib/core/mergeConfig.js

Module parse failed: Unexpected token (6:69)
You may need an appropriate loader to handle this file type.
| import AxiosHeaders from "./AxiosHeaders.js";
|
| const headersToObject = (thing) => thing instanceof AxiosHeaders ? { ...thing } : thing;
|
| /**

 @ ./node_modules/axios/lib/axios.js 6:0-48
 @ ./node_modules/axios/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

开始以为是axios安装未成功

尝试了卸载

npm uninstall axios

 然后继续安装

npm install axios --save

还是报同样的错误

反复查询说是下面的问题(尴尬,没咋看懂)

这个错误是由于在编译过程中遇到了意外的标记(token)导致的。根据错误信息,看起来是在axios库的两个文件中出现了问题。

第一个错误是在./node_modules/axios/lib/platform/index.js文件中,解析出现了意外的标记。可能是因为缺少了处理该文件类型的加载器(loader)。你可以尝试安装和配置适当的加载器来处理该文件类型,例如babel-loader。

第二个错误是在./node_modules/axios/lib/core/mergeConfig.js文件中,同样也是解析出现了意外的标记。同样地,你需要安装和配置适当的加载器来处理该文件类型。

------------------------------------------------------------------------------- 

反复尝试,一直没解决。。。。。。

------------------------------------------------------------------------------- 

最后猜测是axios版本不兼容的问题,然后卸载后尝试了安装指定版本

npm install axios@^0.27.2  --save

 运行成功

  • 10
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用:cd vue-admin-template # 安装依赖 npm install # 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # ...。 引用:Vue元素管理模板 English | 具有Element UI,axios,iconfont,权限控制和lint的最小vue管理员模板 ...npm run dev 这将自动打开 建造 # build for test environment npm run build:stage # build for。 引用:电脑中有之前的vue-element-admin 模板,可以正常的运行,但是拉取最新版运行时提示如下错误 错误内容 DONE Compiled successfully in 4163ms 4:26:31 ├F10: PM┤ App running at: - Local: http://localhost:9528 - Network: http://192.168.70.192:9528 Note that the development build is not optimized. To create a production build, run npm run build. events.js:291 throw er; // Unhandled 'error' event ^ Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:267:19) at onErrorNT (internal/child_process.js:469:16) at processTicksAndRejections (internal/process/task_queues.js:84:21) Emitted 'error' event on ChildProcess instance at: at Process.ChildProcess._handle.onexit (internal/child_process.js:273:12) at onErrorNT (internal/child_process.js:469:16) at processTicksAndRejections (internal/process/task_queues.js:84:21) { errno: 'ENOENT', code: 'ENOENT', syscall: 'spawn cmd', path: 'cmd', spawnargs: [ '/c', 'start', '""', '/b', 'http://localhost:9528' ] } 解决办法 。 运行`npm run dev`失败的原因是没有找到`cmd`命令。`cmd`是Windows系统中一个重要的命令行解释程序,它负责执行命令提示符窗口中输入的指令。解决此问题的方法是确保你的系统中存在`cmd`命令并且可以正常使用。 另外,你还可以尝试以下操作: 1. 确保你的系统环境变量中包含`cmd`命令的路径。 2. 检查你的系统是否安装了`cmd`命令。如果没有安装,你可以通过安装Windows的修复工具来修复此问题。 3. 如果你的系统中已经存在`cmd`命令,但是仍然无法运行`npm run dev`,可能是由于权限问题导致的。你可以尝试以管理员身份运行命令提示符窗口,并再次运行`npm run dev`命令。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值