• element-ui打包和运行报错处理


    最近在使用webpack打包过程中遇到element-ui报错。

    说明一下情况:之前在原有的配置文件和node_modules依赖包下打包的过程中,一直都很顺利,但是突然就报错了,很尴尬啊!

    1 ERROR in static/js/vendor.dcbf487ca944c251aced.js from UglifyJs
    2 Unexpected token name «i», expected punc «;» [./~/element-ui/src/utils/merge.js:2,0][static/js/vendor.dcbf487ca944c251aced.js:1
    3 3797,11]
    4 ERROR in static/js/vendor.dbb0faab5871a21a588d.js from UglifyJs
    5 Unexpected token: name (hiddenTextarea) [./~/element-ui/packages/input/src/calcTextareaHeight.js:1,0][static/js/vendor.dbb0faab
    6 5871a21a588d.js:61851,4]

    package.json文件下安装的element-ui的版本是:

    "element-ui": "^2.0.5",

    对应的node_modules下的element-ui文件夹是:

    出现这样的情况是element-ui组件的js使用的是ES6的语法,打包的时候无法解析,导致UglifyJs报错。

     解决方法是:

    在webpack.base.conf.js里面进行如下配置:

    1 {
    2         test: /.js$/,
    3         loader: 'babel-loader',
    4         include: [resolve('src'), resolve('test'),resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages')]
    5 }

    或:

    1 {
    2          test: /.js$/,
    3          loader: 'babel-loader',
    4          exlude:/node_modules/,
    5          include: [resolve('src'), resolve('test')]
    6 }

    注意文件路径的对应关系!

  • 相关阅读:
    浅谈易语言“蓝屏”暗桩查找和处理方法
    解密入门教学(1-6)
    IOS之计算器实现
    瓦片地图与geoserver发布
    Mac使用入门
    postgres与osm初步使用
    python异步爬虫
    操作系统之死锁
    Android之IPC机制
    Android之WebView学习
  • 原文地址:https://www.cnblogs.com/sunyuweb/p/9054572.html
Copyright © 2020-2023  润新知