当将我的应用程序构建到Heroku时，可选的链接运算符会给出SyntaxError，但在我的机器上可以工作

Question

我在应用程序中使用可选的链接运算符，例如：

object?.optionalField && this.doSomething(object.optionalField)

(检查optionalField是否存在，然后对其采取措施(

上面的代码在我的机器上运行得很好，但当我试图在Heroku上构建这些代码时，它会给我一个错误。日志显示：

2020-08-06T06:39:09.697171+00:00 app[web.1]: > node app.js
2020-08-06T06:39:09.697171+00:00 app[web.1]: 
2020-08-06T06:39:09.760703+00:00 app[web.1]: (node:23) ExperimentalWarning: The ESM module loader is experimental.
2020-08-06T06:39:09.905459+00:00 app[web.1]: file:///app/domain/roots/User.js:49
2020-08-06T06:39:09.905462+00:00 app[web.1]:     changes?.biography && this.setBiography(changes.biography)
2020-08-06T06:39:09.905462+00:00 app[web.1]:             ^
2020-08-06T06:39:09.905463+00:00 app[web.1]: 
2020-08-06T06:39:09.905463+00:00 app[web.1]: SyntaxError: Unexpected token '.'
2020-08-06T06:39:09.905464+00:00 app[web.1]:     at Loader.moduleStrategy (internal/modules/esm/translators.js:122:18)
2020-08-06T06:39:09.915755+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2020-08-06T06:39:09.917824+00:00 app[web.1]: npm ERR! errno 1
2020-08-06T06:39:09.920740+00:00 app[web.1]: npm ERR! ca-mongoose@1.0.0 start: `node app.js`
2020-08-06T06:39:09.920870+00:00 app[web.1]: npm ERR! Exit status 1
2020-08-06T06:39:09.920998+00:00 app[web.1]: npm ERR! 
2020-08-06T06:39:09.921159+00:00 app[web.1]: npm ERR! Failed at the ca-mongoose@1.0.0 start script.
2020-08-06T06:39:09.921732+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2020-08-06T06:39:09.933019+00:00 app[web.1]: 
2020-08-06T06:39:09.933279+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2020-08-06T06:39:09.933437+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2020-08-06T06_39_09_923Z-debug.log

有人知道为什么吗？我怀疑我应该先使用Babel编译代码，然后部署到Heroku？它甚至和巴别塔有关吗？

Answer 1

有人知道为什么吗？

在本地，您使用的是支持可选链接运算符的Node.js的最新版本。显然，Heroku使用的是Node.js的旧版本，而不是。(可选链接是相当新的。(

我怀疑我应该先使用Babel编译代码，然后部署到Heroku？它甚至和巴别塔有关吗？

这是一个选项。我们可以看出，Heroku正在使用的版本是<v14，因为"；实验警告：ESM模块加载程序是实验性的"根据insivika指出的文档，您可以告诉Heroku在package.json的engines部分使用哪个版本，例如：

{
"engines": {
"node": "14.x"
}
}

该文档称默认为当前的LTS版本(截至本文撰写之时【2020年10月7日】，即v12.x(

或者，如果这是你唯一使用可选链接的地方，你可以使用

object && object.optionalField && this.doSomething(object.optionalField);

或优选

if (object && object.optionalField) {
this.doSomething(object.optionalField);
}

；-(