时间戳

首页 > 解决方案 > Uncaught SyntaxError: Unexpected token { in import statement

node.js - Uncaught SyntaxError: Unexpected token { in import statement

问题描述

我正在尝试将我的第一个全栈应用程序放在一起，但遇到了意外的语法错误：

“未捕获的语法错误：意外的令牌 {”

错误来自我的 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>

来自'./algorithm/searchingAlgorithm.js'：

export default async function userInput(origin, destination){

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

标签： node.jsexpressgoogle-maps-api-3import

解决方案

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

有不同的工具可以让你做到这一点，例如Rollup或Webpack。

推荐阅读