express项目中?.可选链操作符写法报错
- 1.Express项目配置babel
- 1.1 安装 Babel 相关依赖:
- 1.2 创建 Babel 配置文件:
- 1.3 更新 package.json 文件:
- 2. 安装@babel/plugin-proposal-optional-chaining插件
- 2.1 npm安装插件
- 2.2 追加babel配置
今天拉了一个简单的express项目,启动的时候?.操作符报错,显示SyntaxError:Unexpected token。查了一下发现是因为express官网上给的javascript标准为es5,是不能直接跑es6的,想要在express中使用es6写法,需要用转码器Babel进行转码。因为这个项目里没有配置babel,接下里我将从Express配置babel开始,讲到如何解决?.操作符报错的问题。
1.Express项目配置babel
1.1 安装 Babel 相关依赖:
首先,需要安装 Babel 相关的 npm 包。你可以运行以下命令来安装 Babel 相关的依赖:
npm install @babel/core @babel/node @babel/preset-env --save-dev
1.2 创建 Babel 配置文件:
在项目根目录下创建一个名为 .babelrc 的文件,并添加以下内容:
{
"presets": ["@babel/preset-env"]
}
1.3 更新 package.json 文件:
在 package.json 文件中添加一个 script,告诉 Node.js 使用 Babel 来运行你的应用程序。例如:
"scripts": {
"start": "node --require @babel/register app.js"
}
现在你可以使用 npm start 命令来启动你的 Express 应用程序,Babel 将会在运行时对代码进行转译。
这些是基本的 Babel 配置步骤。为了解决?.操作符报错的问题,需要进一步配置 Babel 插件@babel/plugin-proposal-optional-chaining来支持。
2. 安装@babel/plugin-proposal-optional-chaining插件
2.1 npm安装插件
npm install @babel/plugin-proposal-optional-chaining@7.17.12 --save-dev
2.2 追加babel配置
在.babelrc中添加配置
{
"presets": ["@babel/preset-env"],
"plugins": [
'@babel/plugin-proposal-optional-chaining' // 可选链
]
}
配置完成,使用npm start启动项目,搞定