看到标题,可能您觉得我是不是在开玩笑。可是真实情况存在,我也不知道是哪里的问题。
请看下图
屏蔽掉就可以正常引入样式
然后我全局搜索了有关elementui的信息,发现有用的只有一个
是不是很鸡肋!!!
这是我在页面上成功引入的样式
版本号说明如下:
我本来的意图是安装elementui,
首先是:npm i element-ui -S
然后是:
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
但是项目报错,error in ./node_modules/element-ui/lib/theme-chalk/index.css
项目中自己生成的.babelrc.js文件内容如下:
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime"]
}
期间搜索过这个问题,也改过.babelrc.js文件
反正就这样反反复复,一直报各种不认识的错!
最后无奈,只能先屏蔽了elementui相关的代码,没想到运行之后竟然可以用elementuI的样式
麻烦大神帮个忙撒,都搞了一晚上了,晚上做梦都是这件事!哈哈
我认为肯定是有引用的,你可以试下:打开网页,F12
进入开发者模式,查看Sources
,就能找到引用的文件,或者查看NetWork
,也能找到请求样式或者js
文件的链接
刚那会太着急,看见了引入的文件,不知道谁把element用到的样式全部写在了一个css文件里,mygod!
抱歉,打扰各位了