解决vue2报错:Module not found: Error: Can't resolve 'XXX' in ...

3,185 阅读1分钟

一、axios模块(网络)

Module not found: Error: Can't resolve 'XXX' in ...(需要安装相应模块,以下为指令)

npm i axios -S

npm i axios -S --legacy-peer-deps //如果安装失败用这个命令

执行命令后在package.json 文件中查看安装的版本,如果有则代表安装成功!

image.png

二、less-loader模块(样式)

Failed to resolve loader: less-loader You may need to install it.

npm install less less-loader --save-dev

image.png

三、vue-router模块(路由)

npm i vue-router@3.6.5 //vue2安装指定版本

四、vuex模块(仓库)

npm install vuex@3 --save --legacy-peer-deps//vue2需要安装指定版本3

npm install vuex --save --legacy-peer-deps //vue3项目

五、json-server模块(后台)

npm install -g json-server

json-server --watch index.json //启动json文件

六、移动端组件Vant(组件)

npm i vant@latest-v2 -S --legacy-peer-deps //vue2项目

npm i babel-plugin-import -D --legacy-peer-deps

npm i  postcss-px-to-viewport@1.1.1 -D --legacy-peer-deps

npm i vant -S //vue3项目

image.png