关于 “but the server responded with a MIME type”错误解决

328 阅读1分钟

这篇答案是给新手准备的

使用vite构建,(vue3)的项目怎么安装element-ui

在使用vite构建项目时,想要为项目安装element-ui

于是参照官网的文档试图使用npm指令安装 npm i element-ui -S

结果出错为

npm ERR! code ERESOLVE 
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: demo1@0.0.0
npm ERR! Found: vue@3.2.31
npm ERR! node_modules/vue
npm ERR!   vue@"^3.0.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.6
npm ERR! node_modules/element-ui
npm ERR!   element-ui@"*" from the root project

搜索一下才发现原因

首先,vite只能构建vue3项目

其次,目前(22.3.19)element-ui官网文档还没有支持vue3

image.png

使用element-plus可以解决这个问题

【官网】element-plus.gitee.io/zh-CN/

按照文档一步一步操作即可

...but the server responded with a MIME type...错误解决

安装完成后立即使用element-ui却发现出现了这个错误

有可能是 安装完成后 项目还没有重启

如果安装正确,npm run dev后,你应该能看到

image.png

记得任何修改配置文件的操作,都要重启哦