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

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....]

2.原因

这是因为在webpack.config.js中的loaders在转ES5时,会过滤掉node_modules,而有的依赖模块使用了ES6语法,需要进行babel处理,所以要将这些模块放在babel-loader中的include中。

3.解决方法

未修改前的webpack.base.conf.js文件:

 {
   
        test: /\.js$/,
        loader: "babel-loader",
        include: [
          resolve("src"),
          resolve("test"),
          resolve("node_modules/vue-echarts"
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
如果在 Webpack 打包后的 `index.html` 页面中暴露了 IP 地址,可能是因为在项目配置中使用了错误的配置或插件。为了修复这个问题,你可以尝试以下几个方法: 1. 使用 HtmlWebpackPlugin 插件:在 Webpack 配置文件中,确保你使用了 HtmlWebpackPlugin 插件,并配置了正确的选项。在 `plugins` 部分中添加以下代码: ```javascript const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { // ... plugins: [ new HtmlWebpackPlugin({ // 设置生成的 HTML 文件中的标题、模板和文件名等选项 }), ], // ... }; ``` 请确保正确设置了 `title`、`template` 和 `filename` 等选项,以避免暴露 IP 地址。 2. 检查 publicPath 配置:在 Webpack 配置文件中,检查 `output` 部分的 `publicPath` 配置。确保将其设置为合适的值,以避免暴露 IP 地址。例如,将其设置为 `/` 或相对路径。 ```javascript module.exports = { output: { // ... publicPath: '/', }, // ... }; ``` 3. 使用 devServer 配置:如果你正在使用 Webpack Dev Server 进行开发,确保在配置文件中正确设置了 `devServer` 部分。检查是否使用了 `public` 或 `host` 等选项,并将其设置为适当的值。 ```javascript module.exports = { // ... devServer: { // ... public: 'your-domain.com', // or // host: 'your-domain.com', // ... }, // ... }; ``` 确保将 `your-domain.com` 替换为你正确的域名或 IP 地址。 4. 检查其他配置项:检查 Webpack 配置文件中的其他可能影响 `index.html` 页面的配置项,例如 `mode`、`optimization` 等。确保这些配置项不会暴露 IP 地址。 如果尝试了以上方法后问题仍未解决,建议仔细检查你的 Webpack 配置文件和相关依赖,确保没有其他错误导致 IP 地址暴露在生成的 `index.html` 页面中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值