vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题

 更新时间:2022年09月20日 10:18:02   作者:宇宙倒一大帅比  
这篇文章主要介绍了vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

报错信息如下

ERROR in static/js/xxxxxxxxxx.js from UglifyJs undefined

注意了!很多文章的报错信息 都有 vendor. 开头的,例如:

ERROR in static/js/vendor.xxxx.js from UglifyJs

但我这个没有 vender! 所以也并不是什么大部分博客所说的ES6语法编译不通过的问题!

最后还有个很关键的

undefined

具体的错误信息忘记截图贴出来了。这个 ‘undefined’ 其实是 xxx from UglifyJs 之后的一行显示的。也就是(webpack)打包过程中缺少什么包导致。 经排查发现是js压缩问题。

webpack中压缩js的插件叫 ‘ uglifyjs-webpack-plugin ’ 。

尝试解决办法

npm install uglifyjs-webpack-plugin

安装之后重新进行打包,问题解决。

vue项目打包报错

npm run build 打包的时候报错

ERROR in index.js from UglifyJs

Unexpected token: name (result) [./node_modules/_asn1.js@5.4.1@asn1.js/lib/asn1/base/node.js:282,0][index.js:74667,6]

解决办法:修改webpack.config.js文件,include和exclude不能同时用,作用于同一个目录

{
          test: /\.js$/,
          loader: 'babel-loader',
          include: [
            resolve("src"),
            resolve("node_modules/_asn1.js@5.4.1@asn1.js")
          ],
          // exclude: /node_modules/,
        },

Child extract-text-webpack-plugin node_modules/_extract-text-webpack-plugin@3.0.2@extract-text-web pack-plugin/dist node_modules/_style-loader@0.21.0@style-loader/index.js!src/page/index/index.css:2

解决办法:重新安装插件

cnpm install --save-dev extract-text-webpack-plugin@2.1.2

安装完之后又报这个错

Child extract-text-webpack-plugin:

2 assets

在webpack.config.js里添加这个

stats: {
      children: false,
    },

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue表单快速上手

    Vue表单快速上手

    工作中vue表单使用的最多的莫过于input、textarea、select等,原生js的基础上vue通过双向数据绑定等,实现了自己独有的一套指令,这是react中没有的部分,也算是vue的一大特色
    2022-09-09
  • 对Vue beforeRouteEnter 的next执行时机详解

    对Vue beforeRouteEnter 的next执行时机详解

    今天小编就为大家分享一篇对Vue beforeRouteEnter 的next执行时机详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • vue深度优先遍历多层数组对象方式(相当于多棵树、三级树)

    vue深度优先遍历多层数组对象方式(相当于多棵树、三级树)

    这篇文章主要介绍了vue深度优先遍历多层数组对象方式(相当于多棵树、三级树),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • Vue父子组件之间事件通信示例解析

    Vue父子组件之间事件通信示例解析

    这篇文章主要介绍了React中父子组件通信详解,在父组件中,为子组件添加属性数据,即可实现父组件向子组件通信,文章通过围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2023-03-03
  • vuejs中使用mixin局部混入/全局混入的方法详解

    vuejs中使用mixin局部混入/全局混入的方法详解

    混入可以省很多代码(高类聚低耦合),还方便维护,下面这篇文章主要给大家介绍了关于vuejs中使用mixin局部混入/全局混入的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • Vuex总体案例详解

    Vuex总体案例详解

    这篇文章主要介绍了Vuex总体案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • 详解基于vue-cli优化的webpack配置

    详解基于vue-cli优化的webpack配置

    本篇文章主要介绍了详解基于vue-cli优化的webpack配置,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • Vite结合whistle实现一劳永逸开发环境代理方案

    Vite结合whistle实现一劳永逸开发环境代理方案

    这篇文章主要为大家介绍了Vite结合whistle实现一劳永逸开发环境代理方案,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • vue实现键盘输入支付密码功能

    vue实现键盘输入支付密码功能

    这篇文章主要为大家详细介绍了vue实现键盘输入支付密码功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Vue中Layout内部布局el-row、el-col的实现

    Vue中Layout内部布局el-row、el-col的实现

    layout是一种非常方便的布局方式,本文主要介绍了Vue中Layout内部布局el-row、el-col的实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-07-07

最新评论