element-ui打包注意事项

朴灿烈づ我的快乐病毒、 2022-11-18 01:57 434阅读 0赞

最近使用element-ui打包时出现了失败问题,在此总结

## 问题一: 打包失败 ##

失败信息如下:

ERROR in static/js/vendor.5e8a4b30ebc9acd80332.js from UglifyJs
    Unexpected token: punc (() [./node_modules/_element-ui@2.15.1@element-ui/packages/row/src/row.js:24,0][static/js/vendor.5e8a4b30ebc9acd80332.js:135530,9]
    
      Build failed with errors.

解决方案:

打开路径 build->webpack.base.conf.js

在module: \{ rules: \[   添加进去  \]\}      rule中添加如下配置

{
            test: /\.js$/,
            loader: 'babel-loader',
            include: [
              resolve('src'),
              resolve('test'),
              resolve('/node_modules/_element-ui@2.15.1@element-ui/src'),           //和下面截图文件名字对应起来即可正常打包！！！
              resolve('/node_modules/_element-ui@2.15.1@element-ui/packages')
            ]
          },

注意:

\_element-ui@2.15.1@element-ui需要和node\_modules中保持一致

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1J1X3lpbl9oYWk_size_16_color_FFFFFF_t_70][]

## 问题二: 打包后图标显示失败 ##

打开 build->webpack.prod.conf.js

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1J1X3lpbl9oYWk_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1J1X3lpbl9oYWk_size_16_color_FFFFFF_t_70]: /images/20221022/e343763a27dd4103a300100358a904c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1J1X3lpbl9oYWk_size_16_color_FFFFFF_t_70 1]: /images/20221022/b7a763b504b54c1ebe0fe19a20e94327.png

发表评论取消回复

表情：

评论列表（有 0 条评论，434人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android打包成jar的注意事项

在[http://blog.csdn.net/liranke/article/details/16112471][http_blog.csdn.net_liranke_arti

╰+攻爆jí腚メ/ 2023年10月16日 18:49/ 0 赞/ 44 阅读

相关 Maven多模块项目打包前的一些注意事项（打包失败）

一、最近在打包Maven项目时遇到了点问题，这个项目是Maven多模块项目，结构如下： > projectParent > ├── xxxx-basic > ├─

系统管理员/ 2023年08月17日 15:38/ 0 赞/ 152 阅读

相关 element-ui打包注意事项

最近使用element-ui打包时出现了失败问题,在此总结问题一: 打包失败失败信息如下: ERROR in static/js/vendor.5e8a4

朴灿烈づ我的快乐病毒、/ 2022年11月18日 01:57/ 0 赞/ 435 阅读

相关百度地图在混淆打包时的注意事项

这个问题让我白白瞎折腾了一整天，突然灵光一现，把问题解决了，记录一下吧。在使用百度地图前要在百度开发平台申请ak，申请时需要提供签名和包名。本次项目中，在混淆前使用的是ec

梦里梦外;/ 2022年08月18日 05:44/ 0 赞/ 277 阅读

相关 Python 注意事项

[Python 注意事项][Python] 1、tuple：元组 a.元组一旦初始化就不可修改。不可修改意味着tuple更安全。如果可能，能用tuple代替list就尽

﹏ヽ暗。殇╰゛Y/ 2022年03月22日 10:40/ 0 赞/ 440 阅读

相关 eclipse在maven打包时注意事项

在src/main/java/目录下有引用src/test/java/目录下的文件中的属性，且打包时没有配置打src/test/java/下面的内容，会导致maven编辑失败

ゞ浴缸里的玫瑰/ 2022年03月11日 18:22/ 0 赞/ 415 阅读

相关 JS注意事项

一、ECMAScript 1、数组相关 1.1 如果数组中的某一项的值是null 或者undefined，那么该值在join()、toLocaleString()

小咪咪/ 2022年01月31日 02:59/ 0 赞/ 425 阅读

相关 getRealPath注意事项

// getRealPath寻找到的不是真实文件的路径，所以打印的就不是真实文件的地址，但是能打印出来地址 String realPath = servl

迷南。/ 2021年11月22日 08:34/ 0 赞/ 429 阅读

相关 Unity 打包PC和安卓的路径注意事项

if UNITY\_STANDALONE\_WIN || UNITY\_EDITOR return Application.persistentDataPath

素颜马尾好姑娘i/ 2021年10月15日 06:41/ 0 赞/ 380 阅读

相关针对elementUI 中InfiniteScroll按需引入的一点注意事项

大家为了节省空间，常常进行按需引入来节省空间，这里我给大家来介绍一下element中按需引入无限滚动指令注意的事项。针对前面element 按需引入的一些配置这里就不再详细

ゝ一世哀愁。/ 2021年08月13日 17:17/ 0 赞/ 417 阅读