Node.js 未捕获的语法错误：导入语句中出现意外的标记{_Node.js_Express_Google Maps Api 3_Import

Node.js 未捕获的语法错误：导入语句中出现意外的标记{

node.js express google-maps-api-3 import

Node.js 未捕获的语法错误：导入语句中出现意外的标记{,node.js,express,google-maps-api-3,import,Node.js,Express,Google Maps Api 3,Import,我试图将我的第一个完整堆栈应用程序放在一起，但遇到了一个意外的语法错误： “未捕获的语法错误：意外标记{” 错误来自my map.js文件中的这行代码： import {userInput} from './algorithm/searchingAlgorithm.js'; ejs文件： <head> <script type="text/javascript" src="../javascripts/map.js"></script> &l

我试图将我的第一个完整堆栈应用程序放在一起，但遇到了一个意外的语法错误：

“未捕获的语法错误：意外标记{”

错误来自my map.js文件中的这行代码：

import {userInput} from './algorithm/searchingAlgorithm.js';

ejs文件：

<head>
    <script type="text/javascript" src="../javascripts/map.js"></script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCx0LvEwPUgGhpLjCErr24dOnk-VWjo83g&callback=initMap">
    </script>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>

我已经做了很多搜索，还没有找到答案。我正在使用node.js/express和express generator，javascript。我也在使用谷歌地图api。

导入和导出语句在web开发中经常使用，但它们目前在浏览器中不能自动工作，因为y是JavaScript语言中较新的功能。您需要将代码“构建”为浏览器可以执行的格式。web上的示例代码倾向于假设您已经在这样做了

有不同的工具允许您执行此操作，例如或。

让webpack将代码构建为浏览器可以执行的格式非常困难。我已将webpack.config.js文件设置为：const path=require（'path'）；module.exports={entry:'./app.js'，output:{filename:'./main.js'，path:path.resolve（uuu dirname，'dist'）}，节点：{fs:'empty'}，模式：'development'，外部：['net']}；Webpack正在'./dist'中创建一个main.js文件，但是，在本地主机GET 404（未找到）上尝试访问应用程序时，浏览器出现404错误我对Webpack配置不是很熟悉。我想我回答了您最初的问题，所以这听起来像是一个单独的问题。让我知道如何改进我的问题以摆脱否决票！我没有否决票。您能接受我的回答吗？我想我回答了您最初的问题。

export default async function userInput(origin, destination){