时间戳

首页 > 解决方案 > 'import' 和 'export' 可能只出现在 'sourceType: "module"' (16:0)

javascript - 'import' 和 'export' 可能只出现在 'sourceType: "module"' (16:0)

问题描述

背景

我正在使用 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"
}

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

标签： javascriptreactjsdocusaurus

解决方案

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

推荐阅读