首页 新闻 会员 周边 捐助

vue 手动配置ssr 怎么引入element ui? 传统的方式一致报错

0
[待解决问题]

按照vue 官网手动配置了 一个简单的ssr(服务端渲染)的demo,但是引入element ui 一直报错,怎么正确的引入啊?

小奶鑫的主页 小奶鑫 | 初学一级 | 园豆:190
提问于:2018-01-22 16:22
< >
分享
所有回答(1)
0

vue-ssr很多坑,很多时候和spa模式相比,有很多区别,单纯的引入第三方框架,也变得反锁起来,我趟了一天的坑,终于理清楚了如何引入第三框架

1.npm install element -s

2.因为服务端渲染在配置的时候会做一些配置,所以如果在vue的入口文件,引入全局css,会报错,我是通过模块化引入,

在客户端app.js里面以这种方式引入

import {
Pagination,
Dialog,
Autocomplete,
Dropdown,。。。。
按照element官网的模块化配置直接放进去
 
3.现在还不能用,在最外层的babelrc里面引入 element,如下:
 
"presets": [
"stage-3",
["env", { "modules": false }]
],
"plugins": [
"syntax-dynamic-import",
["component", [
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]]
]
}
 
4.就可以在页面直接使用ellement的元素了
 
 
小奶鑫 | 园豆:190 (初学一级) | 2018-02-01 19:15
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册