解决webpack打包错误：Unexpected token: name (raf)

最新推荐文章于 2024-08-21 18:14:08 发布

原创最新推荐文章于 2024-08-21 18:14:08 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue.js 专栏收录该内容

5 篇文章

订阅专栏

本文解决了一个常见的Webpack打包错误，该错误由UglifyJs插件引起。通过安装babili-webpack-plugin并调整webpack配置文件，成功避免了错误的发生。

解决webpack打包错误：Unexpected token: name (raf) 坑坏了到最后才发现是这个原因
通过错误信息大概可以了解到，报错来自 UglifyJs 这个插件引起的

npm i babili-webpack-plugin .  安装插件

//webpack.prod.js
 
const BabiliPlugin=require("babili-webpack-plugin");
 
 
.
.
.
 new BabiliPlugin(),

注释掉webpack.prod.conf.js里面的

 // new webpack.optimize.UglifyJsPlugin({
    //   compress: {
    //     warnings: false
    //   },
    //   sourceMap: true
    // }),

完美解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

努力前进的小泡泡

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

webpack打包vue文件时报错`Unexpected token:`

要坚持，要认真。

05-09

2万+

webpack打包vue文件时报错Unexpected token: master分支的代码编译打包一直都正常的，今天上午将一个同事的分支合并后就一直编译不过，走读代码发现改动也比较少，也不涉及到package.json中插件的更新，同时本地编译也完全正常，那阿里云CRP容器里面怎么会报错呢！最开始报错的地方是在UglifyJs里面，错误提示是：cannot read property of

umi 3 环境下使用 webpack 编译 react-leaflet 报 Module parse failed: Unexpected token (10:41) ，一种解决办法。

最新发布

xcrn75416的专栏

08-22

391

我的体会就是，像这种 github 上面开源的小库，作者一个人也许并没有完全顾得上能解决大家提出的所有问题（或者说作者自己早就对此不感兴趣了，从此不维护了），然而对于决定在自己项目代码中使用此开源库的人来说又是刚需，不妨考虑直接源码继承，反正代码也不多，集成以后还能达到自主可控的效果。于是说干就干，源码我copy的是node_modules里面的js代码，ts文件没要，然后对copy后的代码修正import路径，大概一个多小时就干完啦。直接给出我的解决办法：源码集成！Github 上有过。

参与评论您还未登录，请先登录后发表或查看评论

Unexpected token: name (Dom7)报错

m0_46627254的博客

08-16

782

一般为版本太低升级npm install uglify-js -g

webpack打包报错Unexpected token

weixin_30347335的博客

11-21

665

　　最近项目要上线，需要对项目进行打包部署到服务器上面，在打包过程中npm run build后出现以下报错Unexpected token: punc (() [./~/_element-ui@1.4.7@element-ui/packages/col/src/col.js:23,0][static/js/0.3fbe30ed5a683f62d6bc.js:13890,10] 字面意思是报...

《Webpack 报错》Module parse failed: Unexpected token

前端技术

06-13

1256

【代码】webpack5 打包报错：Module parse failed: Unexpected token。

webpack 解决unexpected token export_Webpack 教程：加载 JavaScript

weixin_32642109的博客

01-22

1878

Webpack 默认支持 ES2015 的模块定义，但是在进行代码转换的时候，像const这样的语法并不会被转换。这样的话，在一些老旧浏览器中就会产生很多问题。为了能更好的理解 Webpack 的默认输出，我们将 Webpack 的mode参数设置为none, 然后观察一下构建输出：dist/main.js.../***/ ((__unused_webpack_module, ...

Module parse failed: Unexpected token

01-20

"Module parse failed: Unexpected token" 是一个常见的JavaScript错误，通常在使用Webpack或其他模块打包工具时出现。这个错误意味着解析器遇到了它无法理解的语法结构，可能是由于ES6（ECMAScript 2015）及以上...

解决vue打包后刷新页面报错：Unexpected token <

10-16

在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...

vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错

01-21

前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有...经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文

webpack打包出错：... UglifyJs Unexpected token name(...)解决方案

sinat_36227086的博客

04-15

5571

1.问题描述：使用webpack打包的时候出现Unexpected token: name的错误，完整报错如下： ERROR in js/app.beef0790.js from UglifyJs Unexpected token: name (result) [./node_modules/_node-rsa@1.1.1@node-rsa/src/formats/openssh.js:12,0][static/js/vendor.4e305fead8c777fd6b59.js:81119,12....]

webpack打包后提示 Unexpected token ＜

小怪獸丶的糖的专栏

12-02

1751

排查原因发现是js引入地址问题 <script type="text/javascript" src="/bundle.js/main.js" charset="utf-8"></script> 修改后的引用 <script type="text/javascript" src="./bundle.js/main.js" charset="utf-8"></script> demo测试目录打包命令，新版的webpack 记得加-o，不然总是会提示c

webpack 打包json文件，报 Unexpected token, expected ";"错误解决方案

weixin_42649842的博客

12-15

2045

用webapck打包项目时，由于项目使用了json文件，打包完成后，报出了一下错误。 webpack本身是支持json文件读取的，可打包完成后却报这样的错误。这个报错是babel-loader在报错，也就是说，打包的时候，babel-loader去解析了json文件。babel是js的编译工具，可以把js、ts、react的语法，根据需求编译成浏览器识别的代码。json不属于js，但现在它被当作...

[webpack] UglifyJs Unexpected token name

wenjun_xiao的博客

03-04

1906

使用webpack打包的时候会出现Unexpected token: name的问题，是因为在webpack.config.js中的loaders过滤了node_modules，但是有依赖的模块需要进行babel处理，如下 { test: /.js[x]?$/, include: [ path.resolve(__dirname, 'src'), ], exclude: /node_modules/, loaders: ['babel-loader', 'eslint-load

webpack压缩js代码时报错：Unexpected token: name

猫

04-09

2537

webpack打包报错，但是不影响发包，个人强迫症。 ERROR in static/js/app.cc2ba03d36bf7ad4ee24.js from UglifyJs Unexpected token: name (testUrl) [./src/api/api.js:4,4][static/js/app.cc2ba03d36bf7ad4ee24.js:3704,4] 经过查资料得知...

Java关键字与JSON字段定义冲突:unexpected token

许进进的博客

12-04

6402

若是JSON中定义的字段名使用了Java中的关键字,不准许在JavaBean中定义，可以使用@SerializedName注解： @SerializedName(“switch”) private String myswitch; @SerializedName(“app_version_code”) private int versionCode; 说明：JSON字符串中的字段switch对应...

webpack构建问题：Unexpected token: name (has)

mylove_non的博客

06-27

1324

webpack构建问题： ERROR in static/js/27.1c7a113a22f5d64302f5.js from UglifyJs Unexpected token: name (has)

vue-cli3 项目启动报错 unexpected token... 居然是因为node版本过低

cjFrontEnd的博客

09-16

6341

最近在接手一个vue-cli3搭建的app项目的新需求时，发现自己拉下代码之后启动一直报错, 报错是unexpected token... 对应的报错文件是项目\node_modules\read-pkg\index.js ，具体是里面有一个...options 的运算操作报错，导致项目起不起来后面捣鼓一圈，走了点弯路，还是把问题解决了，问题的解决过程如下: ...

JS SyntaxError: Unexpected token 报错解决