[英]'import' and 'export' may appear only with 'sourceType: "module"' (16:0)
I am using docusaurus ^1.14.0
.我正在使用 docusaurus
^1.14.0
。 I am using React only.我只使用 React。 In my
pages
, I try to separate the components by importing a component from another file using a basic import
statement.在我的
pages
,我尝试通过使用基本import
语句从另一个文件导入组件来分离组件。 However when I try yarn start
I get the following error:但是,当我尝试
yarn start
,出现以下错误:
'import' and 'export' may appear only with 'sourceType: "module"' (16:0)
I think babel is already setup in the official GitHub repository of docusaurus, so I hope it should work fine with es2015+ syntax which it doesn't.我认为 babel 已经在 docusaurus 的官方 GitHub 存储库中设置了,所以我希望它可以与 es2015+ 语法一起正常工作,但它没有。
1. package.json
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"
}
So, how do I fix this?那么,我该如何解决这个问题?
Babel and webpack is only used in Docusaurus 2. You're using Docusaurus 1, which doesn't use Babel and only uses a Node.js environment, so by default you can only use CommonJS require()
s. Babel 和 webpack 仅在 Docusaurus 2 中使用。您使用的是 Docusaurus 1,它不使用 Babel,仅使用 Node.js 环境,因此默认情况下您只能使用 CommonJS
require()
s。 I recommend checking out Docusaurus 2 so that you can use a modern JavaScript setup.我建议您查看Docusaurus 2,以便您可以使用现代 JavaScript 设置。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.