Question

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

“未捕获的SyntaxError：意外令牌{”

错误来自我的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。我还利用了Google Maps API。

Answer 1

import和export语句在Web开发中经常使用，但是由于它们是JavaScript语言的较新功能，因此它们当前无法在浏览器中自动运行。您需要将代码“构建”为浏览器可以执行的格式。网络上的示例代码倾向于假定您已经在执行此操作。

有多种工具可以使您执行此操作，例如Rollup或Webpack。

未捕获到的SyntaxError：导入语句中出现意外的令牌{

1 个答案: