webpack打包时中遇到的问题

最新推荐文章于 2022-01-09 18:40:58 发布
最新推荐文章于 2022-01-09 18:40:58 发布
阅读量709 收藏
点赞数
分类专栏： webpack中问题 文章标签： 前端 webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34183451/article/details/103254150
版权

在进行打包时遇到如下问题：

ERROR in static/js/1.cfcab24bbc3a028f94bf.js from UglifyJs
Invalid assignment [./~/@antv/g6/build/g6.js:9,98863][static/js/1.cfcab24bbc3a028f94bf.js:17729,98914

ERROR in static/js/23.1c99af7cadb146904f28.js from UglifyJs
Invalid assignment [./~/@antv/g6/build/g6.js:9,98863][static/js/23.1c99af7cadb146904f28.js:1343,98914

ERROR in static/js/46.0e8a870a61abcb3dd513.js from UglifyJs
Invalid assignment [./~/@antv/g6/build/g6.js:9,98863][static/js/46.0e8a870a61abcb3dd513.js:65,98914]

在这里插入图片描述
分析原因：g6包版本太高，进行版本修改
修改如下：
在这里插入图片描述
卸载依赖包node_modules，重新安装 npm install
进行打包 npm run build
成功打包

muxu85
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webpack打包慢问题的完美解决方法
08-31
在使用 Webpack 打包项目时，经常会遇到打包速度慢的问题，这是因为 Webpack 需要处理大量的模块，从而导致打包速度慢。为了解决这个问题，我们需要了解 Webpack 的工作原理和配置方法。 Webpack 打包慢的原因 ----...
Vue基础
EstherLty的博客
12-30 506
Vue基础 一、VUE 开源的基于MVC、MVVM模式的Javascript框架 开源:开放源代码 MVC：Model(模型),View(视图),Controller(控制器) MVVM: Model(模型),View(视图),VM(视图模型合体)是监听器,数组绑定 -> 双向绑定 二、NodeJS&NPM NPM是Node提供的模块管理工具，可以非常方便的下载安装很多前端框...
G6学习笔记（精简版）
weixin_45895370的博客
01-09 4618
可以参照一下g6官网： g6官网 什么是G6 可视化引擎 提供图的绘制、布局、分析、交互、动画.。 可以快速搭建图分析或图编辑应用 g6的引入 引入有两种方法：NPM包引入和CDN引入 npm: 使用命令行在项目目录下： npm install --save @antv/g6 在需要使用g6的js文件中：import G6 from ‘@antv/g6’; cdn: 在html中：加粗部分是用来写g6的版本号 // version <= 3.2 // version >= 3.3 g6图
ERROR in xxx.js from UglifyJs / Invalid assignment / webpack打包无法编译Promise / npm打包失败
brenda2314的博客
03-01 4030
菜鸡后端冒充前端写vue页面，运行调试一切正常，运行npm run build的时候遇到了一个大大的Error，如图： google各种方案无解，原来是自己给自己挖了个坑。 解决过程： 1.Error in xxx.js from UglifyJs 搜索结果是Es6无法正常编译为Es5的原因 2.Invalid assignment [./axios/fetc...
踩过的坑合辑
丁鑫Dylan的博客
07-16 430
1. 在react中使用antv/g6遇到的坑 描述：开发中一切正常，打包之后，打包的文件打开报错 报错内容：Super expression must either be null or a function 解决过程：1.百度相关错误信息的结果，但是都说是component写错了之类的，跟我的不搭； 2.修改webpack打包配置，无效； 最终解决：修改版本号为 "@antv/g6": "3.2.1", 再次打包就正常了 之前的版本是3.5.1. ...
解决vue+webpack打包路径的问题
08-27
然而，在实际部署过程中，可能会遇到Vue和Webpack打包路径的问题，导致应用无法正常运行。本文将详细介绍如何解决Vue+Webpack打包路径的问题。 首先，理解问题的核心在于Vue Router的history模式。在history模式下...
解决vue-cli webpack打包开启Gzip 报错问题
10-16
本文将详细介绍如何解决Vue-cli中Webpack打包开启Gzip功能时遇到的报错问题。 ### Vue-cli和Webpack基础 Vue-cli是一个基于Vue.js进行快速开发的完整系统，提供了一套统一的配置标准，旨在帮助开发者快速搭建Vue...
浅谈webpack打包过程中因为图片的路径导致的问题
08-28
在使用webpack打包时，我们可能会遇到图片路径的问题。例如，在CSS中使用相对路径来充当背景图片，但是在浏览器上运行时却报错，无法找到图片文件。 2. 问题分析 问题的根源在于webpack的打包过程中，图片文件的...
完美解决webpack打包css背景图片路径问题
11-20
然而，在处理CSS背景图片时，开发者可能会遇到路径问题，这通常是由于Webpack的配置不当所引起的。本文将详细解析如何解决Webpack打包CSS背景图片路径问题。 首先，让我们分析问题所在。在Vue组件的样式部分，我们...
webpack打包后直接访问页面图片路径错误的解决方法
12-02
前言 本文说的这种图片路径错误是这样的，运行webpack-dev-server，一切正常，没有错误。当webpack之后，直接打开index页面，报错，图片找不到，找不到的原因是路径错误。 先看我的项目代码 webpack.config.js var Webpack = require("webpack"); var path = require("path"); module.exports = { entry: './js/entry.js', output: { path: path.join(__dirname, '/build'), filename: 'bundle.
ES6项目（一）项目搭建（webpack、babel、react）
muer_123的博客
05-07 250
0. 前言 a）webpack打包 b）动态编译（webpack-dev-server） c）支持es6（babel-loader） d）支持react（react） 1. 初始化并新建项目 mkdir demo && cd demo npm init 2. 安装webpack、webpack-cli npm install webpack webpack-cli ...
Webpack的基础使用和简单优化
Little_Pig_Bug的博客
09-03 521
webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。 当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个bundle。 为什么要使用webpack 1. 与react一类模块化开发的框架搭配着用比较好。 2. 属于配置型的构建工具，比较用容易上手。 3. webpack使用内存来对构建内容进行缓存，构建过程中会比较快 webpack的核心概念 1. ..
React中使用Antv G6报错invalid container解决方法
qq_36560180的博客
06-04 9369
在react项目中使用antv G6的时候出现了invalid container的错误，各种找解决方案以及在GitHub上找G6的项目，花费了一些时间但是没有找到解决方法，不得不吐槽一下antv官网给出的例子，没有一个完整的demo，文档很不友好。 最后发现一篇博客，博客中说在componentDidMount的时候做图形的初始化，这个时候恍然大悟，我之前直接把初始化的代码写在render中，而...
vue中使用Antv G6报错invalid container
m0_37378152的博客
12-11 7337
初始化graph需要等dom渲染之后，否则找不到container对应div。将初始化写在mounted里面就行了。我一开始写在了created里面就报错了。
antv g6
08-08 3251
antv g6 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页</title> &...
webpack5.x 使用中出现的问题
weixin_39889465的博客
02-23 1487
使用webpack5.x版本遇到的问题汇总。 本地项目安装的webpack版本如下： 问题1： 编译后的文件中含有箭头函数等es6语法 由于es6语法在IE某些版本下会报错，所以需要转义为es5。webpack给出了多种配置来解决改问题，目前先记录自己发现的几种方式： webpack.config.js文件中配置属性target target: ['es5'] // esX package.json文件中配置browserslists webpack.config.js中的output配置envir
webpack打包node.js项目解决办法
"这篇教程介绍了如何使用webpack打包一个基于node.js和ejs的项目，主要针对项目中遇到的特定问题提供了解决方案。" 在开发基于Node.js和EJS的项目时，你可能会遇到一些特殊挑战，尤其是在试图用webpack进行打包时。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值