JavaScript的导入/导出给出了“未捕获的SyntaxError：意外的标识符”

Question

我有一个很简单的问题，我几天都找不到。 我有2个.js文件。一种是用于配置。我需要将数据从default.js调用到app.js中。但是它给    未捕获的SyntaxError：意外的标识符

我检查了所有在线平台以找到解决方案，尝试了所有不同的导出/导入组合，但是找不到任何解决方案。

// default.js

export default (config = {
  apiKey: "enterYourApiKeyFromOpenWeather"
});

// app.js

import config from "./config/default";

我正在使用vscode，并且（从“ ./config/default”导入配置；）行的下划线带有空格。我可能需要安装一个软件包。

如果我写：

const config = require("./config/default");

我收到此错误： app.js：2未捕获的ReferenceError：未定义require

Answer 1

您需要在default.js导入中指定.js，因为这是普通JS，而不是构建过程（例如Gulp）或express.js应用本身的一部分。

在您的app.js

import config from "./config/default.js";

在脚本元素中包含app.js时，如jro在评论中所述：

  

...您是否在脚本元素– jro上设置了type = module

您需要在脚本和模块上设置type=module，例如：

<script src="app.js" type="module">
<script src="config/default.js" type="module">

如果您未指定type=module，您将再次遇到Uncaught SyntaxError: Unexpected identifier。