网络编程
位置:首页>> 网络编程>> JavaScript>> 在uni-app中使用element-ui的方法与报错解决

在uni-app中使用element-ui的方法与报错解决

作者:梦一场江南烟雨  发布时间:2024-05-29 22:29:44 

标签:uni-app,element-ui

uni-app的相关UI组件库中可能会没有你想要的功能组件,自己去开发的话需要花很多时间,此时咱们可以将别的UI组件库给安装到uni-app中来,达到直接使用该UI组件库的功能组件,例如,安装element-ui

uni-app使用element-ui需安装以下插件

npm i element-ui -S

按需引入组件需要装以下插件

npm install babel-plugin-component -D

当你安装完以上插件后,需要在main.js中进行引入,例如引入全部:

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'

Vue.use(ElementUI)

new Vue({
 el: '#app',
 render: h => h(App)
})

如果需要按需引入的话,需要装以下插件:

npm install async-validator@1.11.5

安装完后需要配置一下.babelrc 文件:

{
 "presets": [["es2015", { "modules": false }]],
 "plugins": [
   [
     "component",
     {
       "libraryName": "element-ui",
       "styleLibraryName": "theme-chalk"
     }
   ]
 ]
}

当你做完以上步骤后,你可能已经迫不及待的想要运行了,但是运行后你会发现居然报错了,例如:

Cannot find module ‘core-js/library/fn/object/assign

此时你需要安装一下这个插件:

npm install async-validator@1.11.5

来源:https://blog.csdn.net/qq_39024950/article/details/118967174

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com