'import' 和 'export' 可能仅与 'sourceType: "module"' (16:0) 一起出现

Question

背景

我正在使用 docusaurus ^1.14.0。我只使用 React。在我的 pages 中，我尝试通过使用基本 import 语句从另一个文件导入组件来分离组件。但是，当我尝试 yarn start 时，出现以下错误：

'import' and 'export' may appear only with 'sourceType: "module"' (16:0)

已经尝试过

我认为 babel 已经在 docusaurus 的官方 GitHub 存储库中进行了设置，所以我希望它应该可以很好地使用 es2015+ 语法，但它不能。

文件

1. package.json

{
  "scripts": {
    "examples": "docusaurus-examples",
    "start": "docusaurus-start",
    "build": "docusaurus-build",
    "publish-gh-pages": "docusaurus-publish",
    "write-translations": "docusaurus-write-translations",
    "version": "docusaurus-version",
    "rename-version": "docusaurus-rename-version"
  },
  "devDependencies": {
    "docusaurus": "^1.14.0"
  },
  "license": "BSD-3-Clause"
}

那么，我该如何解决这个问题？

Answer 1

Babel 和 webpack 仅在 Docusaurus 2 中使用。您使用的是 Docusaurus 1，它不使用 Babel，仅使用 Node.js 环境，因此默认情况下您只能使用 CommonJS require()秒。我建议查看 Docusaurus 2 以便您可以使用现代 JavaScript 设置。

'import' 和 'export' 可能仅与 'sourceType: "module"' (16:0) 一起出现

'import' and 'export' may appear only with 'sourceType: "module"' (16:0)

javascript

reactjs

docusaurus

背景

已经尝试过

文件