main.js:1 Uncaught SyntaxError: Cannot use import statement outside a module

这个错误通常是因为在非模块化的环境下使用了ES6的模块化语法。解决方法是将脚本文件作为模块导入，可以通过在script标签中添加type="module"来实现。例如：

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

另外，如果你使用的是Node.js环境，也需要在文件中添加"module"字段，例如：

"type": "module"

这样才能正确地使用ES6的模块化语法。

相关问题

Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:2:1)

这个错误通常是因为在浏览器中直接运行带有`import`语句的 JavaScript 文件时引起的。`import`语句只能在支持 ES6 模块的环境中使用，例如 Node.js 中的某些版本或现代浏览器。如果你想在浏览器中使用`import`语句，你需要通过使用打包工具（如 Webpack 或 Rollup）将你的代码转换成浏览器可用的 JavaScript 文件。另外，请确保你的 script 标签的 type 属性设置为 "module"。

Uncaught SyntaxError: Cannot use import statement outside a module (at worker.js:1:1)

这个错误是因为在非模块化的环境中使用了import语句。在JavaScript中，import语句只能在模块中使用，而不能在普通的脚本文件中使用。要解决这个错误，你可以采取以下几种方法：

1. 将脚本文件转换为模块：将脚本文件的扩展名改为.mjs，并在脚本文件中使用import和export语句。然后，在引用该脚本文件的地方，使用type="module"属性来指定该脚本文件是一个模块。

2. 使用CommonJS模块化规范：如果你的项目使用的是Node.js环境，可以使用require和module.exports来实现模块化。将import语句替换为require语句，并将模块导出改为使用module.exports。

3. 使用Babel等工具进行转换：如果你的项目使用的是较旧的浏览器或环境，不支持ES6模块化语法，你可以使用Babel等工具将ES6模块化语法转换为普通的脚本语法。

下面是一个示例，演示了如何解决这个错误：

// worker.js
export function doSomething() {
  console.log("Doing something...");
}

// main.js
import { doSomething } from './worker.js';

doSomething();