无法在 console.log 的模块外使用 import 语句 - Javascript

在 Javascript 中，import 语句用于从其他模块中引入变量、函数或类，并在当前模块中使用。但是，如果你尝试在 console.log 之外的地方使用 import 语句，你将会遇到一个 SyntaxError。

以下是一个示例：

// otherModule.js

export const myValue = 'Hello World!';

// main.js

console.log(myValue); // SyntaxError: Cannot use import statement outside a module

在这个示例中，我们在 otherModule.js 中导出了一个名为 myValue 的常量，并在 main.js 中尝试使用它。但是，我们在使用 import 语句之前并没有指定当前文件模块的类型，导致在使用 console.log 时出现了 SyntaxError。

解决方案

要解决这个问题，我们可以通过将 type="module" 添加到 script 标签或在 Node.js 中使用 --experimental-modules 标志来指定当前文件为模块。

在 HTML 中：

<script type="module" src="main.js"></script>

在 Node.js 中：

node --experimental-modules main.js

这样做之后，我们就可以在模块中使用 import 语句了，例如：

// otherModule.js

export const myValue = 'Hello World!';

// main.js

import { myValue } from './otherModule.js';
console.log(myValue); // "Hello World!"

现在，我们可以在当前模块中使用 import 语句来引入其他模块中的变量、函数或类，并在其中使用 console.log 语句来输出它们的值。

总结

无法在 console.log 的模块外使用 import 语句 - Javascript。要解决这个问题，我们需要将当前文件标记为模块，可以在 HTML 中使用 type="module" 或在 Node.js 中使用 --experimental-modules 标志来实现。这样做之后，我们就可以在模块中使用 import 语句来引入其他模块中的变量、函数或类，然后在其中使用 console.log 语句来输出它们的值。