【问题解决之】Nuxt中安装Ele-ui

别来无恙 提交于 2020-03-14 10:56:26

如果我们在安装Nuxt.js时候忘记安装Ele-ui的环境,那么我们不要着急

  1. 首先在项目下 终端运行此命令 npm install element-ui --save

  2. 在plugins文件夹下,创建ElementUI.js配置文件 添加配置文件

ElementUI.js

import Vue from 'vue'
import Element from 'element-ui'
import locale from 'element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, { locale })
  1. 在nuxt.config.js中添加配置
css: [
  'element-ui/lib/theme-chalk/index.css'
],
plugins: [
  {src: '~/plugins/ElementUI', ssr: true }
],
build: {
  transpile: [/^element-ui/],
}

添加时需注意(下图帮助大家快速锁定位置) 位置锁定


本篇问题解到此结束

您的支持就是我进步的动力!~

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!