项目中我准备使用
element-ui
做跑马灯效果,仅仅执行sudo cnpm install babelcnpm install element-ui -save
,配置了相关代码之后 发现有些类选择器(el-carousel 、el-carousel--horizontal等等
)没加载上去。
最终得知道仅仅安装element-ui
是不够的,还必须得安装babel-plugin-component
解决办法如下,以下三个步骤必不可少。
步骤一:执行如下命令,安装babel-plugin-component
sudo cnpm install babel-plugin-component --save
步骤二:在vue项目的.babelrc
文件中增加如下JSON
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
image.png
步骤三:如果仅做如上两步骤会报错,具体参考我的这篇文章
解决vue使用element-ui时,报xxx/element-ui/lib/theme-chalk/fonts/element-icons.ttf的问题
网友评论