zoukankan      html  css  js  c++  java
  • 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 }

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

  • 相关阅读:
    Shell基础
    个人对JavaScript预编译的理解
    文件系统管理
    文件特殊权限
    权限管理ACL权限
    用户和用户组管理
    RPM包管理-yum管理
    oracle11g完全卸载方法
    JVM概述
    复杂查询优质习题
  • 原文地址:https://www.cnblogs.com/sunyuweb/p/9054572.html
Copyright © 2011-2022 走看看