当前位置: 首页 > 知识库问答 >
问题:

导入ReactJS时“未捕获SyntaxError:无法在模块外使用import语句”

易宣
2023-03-14

今天我决定尝试学习React,但每当我尝试导入以下两个模块时:

import React from "react"
import ReactDOM from "react-dom"

我得到一个错误:

未捕获的SyntaxError:无法在模块外部使用导入语句

以下是我尝试创建React程序所采取的步骤:

  1. 安装NodeJS

为什么我会出现这个错误,我该如何修复它?

共有2个答案

呼延景同
2023-03-14

您需要将其添加到您的包中。json,它应该可以工作。如果要使用es6导入语句,则需要告诉node您正在使用包中的模块。像这样。

"type": "module",
越运锋
2023-03-14

我猜这是你第一次和React合作?我看到你安装了NodeJs,太棒了!

我建议您开始使用完整的React应用程序,如创建React应用程序。

https://create-react-app.dev/

 类似资料:
  • 问题内容: 我有一个ApolloServer项目给我带来麻烦,所以我认为我可能会更新它,并且在使用最新的Babel时遇到问题。我的“ index.js”是: 当我运行它时,出现错误“ SyntaxError:无法在模块外部使用import语句”。首先,我尝试做一些事情以说服TPTB *,这是一个模块(没有成功)。因此,我将“导入”更改为“需要”,并且此方法可行。 但是现在我在其他文件中有大约两打“

  • 我有一个ApolloServer项目给我带来了麻烦,所以我想我可能会更新它,并在使用最新的巴别塔时遇到问题。我的“index.js”是: 当我运行它时,我得到了错误 首先,我试图做一些事情来说服TPTB*这是一个模块(没有成功)。所以我把“导入”改成了“要求”,这就奏效了。 但是现在我在其他文件中有大约24个“导入”给我同样的错误。 *我确信我的问题的根源是我甚至不确定是什么在抱怨这个问题。我有点

  • 我正在使用ArcGIS JSAPI 4.12,并希望使用空间错觉在地图上绘制军事符号。 当我向脚本添加时,控制台返回错误 未捕获的SyntaxError:无法在模块外部使用导入语句` 因此,我将添加到脚本中,然后它返回 未捕获的引用错误:未定义ms 这是我的密码: 因此,无论我是否添加,都会出现错误。然而,在空间幻觉的官方文件中,脚本中没有任何。我现在真的很困惑。他们如何在不添加类型的情况下使其工

  • 我正在尝试使用导入关键字。我的ASP中的jsx文件。NETMVC5项目。我希望能够将其他React组件导入到另一个React组件中,但是,在使用import关键字时,出现以下错误: 未捕获的SyntaxError:无法在模块外部使用导入语句 下面是我的代码: 我ndex.cshtml: 辅导的jsx: 议论jsx: 如果我没有导入,或者如果我直接在教程中添加注释类。jsx,运行良好,但这不是我想要

  • 在测试其中一个功能时,我遇到了这种错误。到底是什么问题? /用户/user/websprojects/hsu/src/path finding/path finding。spec.js:1从'chai'导入{expect}^^^^^^ 语法错误:无法在WrapSafe(节点:内部/模块/cjs/加载器: 1018:16)的模块外使用导入语句。_compile(节点:内部/模块/cjs/加载器: 1

  • 当依赖项未声明为模块时,如何从依赖项中解析“不能在模块外使用导入语句”? 我想使用Svelte/kit中的验证器来验证电子邮件。但是,在导入ESM版本时,出现“无法在模块外使用导入语句”错误。我用pnpm代替npm或纱线。 验证器似乎正在尝试使用import语句,但它是一个包。json没有指定。我猜这是错误的根本原因。 包裹。json具有“类型”:“模块” SyntaxError:无法在模块外使用