Webpack 构建在本地工作但在服务器上失败答案

【问题标题】：Webpack build working on local but fails on serverWebpack 构建在本地工作但在服务器上失败
【发布时间】：2021-03-23 06:00:13
【问题描述】：

我正在尝试部署一个可以在本地运行的应用程序，但是当我将它放在服务器上时，我收到了这个错误，它指的是数组上的过滤器函数。表示编译的 ES5 JS 不知何故坏了。

我使用 webpack 构建命令，输出在我的本地工作，但是当我把它放在服务器上时，我在浏览器上得到了这个：

`TypeError: s.filter is not a function    vendor.bundle.9a44edfc.js:2:131513`

我不明白为什么它会在我的本地而不是在服务器上工作，是相同的节点、npm 和 yarn 版本。

我运行这个命令进行构建

"build": "webpack --config webpack/webpack.config.babel.js",
"dev": "webpack serve --env mode=dev --env isDevServer --env NODE_ENV=local --config webpack/webpack.config.babel.js"

【问题讨论】：

我假设 isProd 在您的本地计算机和服务器上是不同的？
在我不运行webpack的服务器上，我使用webpack来构建代码。我已经在我的计算机上测试了构建并且它可以工作，但是当我将它放在服务器上时它没有
您是否尝试过在生产服务器上使用rootDir 不使用相对路径而是绝对路径？
实际上是在express上调用我的api，我用axios调用await axios('api/names')而不是await axios('/api/names')，一开始就缺少/我的电脑用 nginx 15 没问题，但在 nginx 14 的服务器上它不会得到数据

标签： javascript nginx webpack

【解决方案1】：

这与 webpack 无关，我通过请求到我的 express 服务器的路由来获取一些数据，我使用了：

axios('api/projects')

代替

axios('/api/projects')

仅仅因为它未能获取数据，有趣的是在我的计算机上我在 mac 上使用 nginx 15，在服务器上我使用 nginx 14 和 Ubuntu，在我的计算机上它没有失败。

【讨论】：