vue2使用npm引入依赖(例如axios),报错Module parse failed: Unexpected token解决方案

报错情况

Module parse failed: Unexpected token (5:2)

You may need an appropriate loader to handle this file type.

原因

因为我们npm install时默认都是下载最新版本,然后个别依赖的版本太新,vue2他受不起这个福分。

解决方法

先去package.json里把你报错的依赖名直接删除掉,然后在npm install时通过加上【@版本号】,来下载指定版本。

示例

这里用axios做一个示例,先删除如下部分:

然后在重新引入指定老版本的依赖:

复制代码
npm install axios@1.5.0 --save

然后查看版本,就会发现更新完成:

重新启动项目,完美运行:

相关推荐
张拭心26 分钟前
拭心 7 月日复盘|个体在 AI 时代的挑战
前端
这是个栗子35 分钟前
express-jwt报错:Error: algorithms should be set
前端·npm·node.js
Dolphin_海豚38 分钟前
vapor 的 IR 是如何被 generate 到 render 函数的
前端·vue.js·vapor
小妖66642 分钟前
Next.js 怎么使用 Chakra UI
前端·javascript·ui
胡西风_foxww1 小时前
从数据丢失到动画流畅:React状态同步与远程数据加载全解析
前端·javascript·react.js·同步·异步·数据·状态
格调UI成品1 小时前
[特殊字符] 数据可视化结合 three.js:让 3D 呈现更精准,3 个优化经验谈
javascript·3d·信息可视化
netho01 小时前
nuxt3: trpc-nuxt和sqlite导致的503错误
数据库·sqlite·vue·nuxt
初遇你时动了情2 小时前
JS中defineProperty/Proxy 数据劫持 vue3/vue2双向绑定实现原理,react 实现原理
javascript·vue.js·react.js
阿华的代码王国2 小时前
【Android】RecyclerView实现新闻列表布局(1)适配器使用相关问题
android·xml·java·前端·后端
汪子熙2 小时前
Angular 最新的 Signals 特性详解
前端·javascript