JavaScript 中的导入/导出给出“未捕获的语法错误：意外的标识符”

Question

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

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

//default.js

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

//app.js

import config from "./config/default";

我正在使用 vscode 并且 (import config from "./config/default";) 行带有下划线和空格。我可能需要安装一个包。

如果我写：

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

我收到此错误： app.js:2 Uncaught ReferenceError: require is not defined

Answer 1

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

在你的app.js

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

如 jro 在 cmets 中提到的，在脚本元素中包含 app.js 时：

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

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

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

如果你不指定type=module，你会再次遇到Uncaught SyntaxError: Unexpected identifier。