解决node环境下SyntaxError: Cannot use import statement outside a module的问题

本文介绍了解决在LeetCode练习中遇到的ES6模块化问题的方法。通过在package.json文件中设置type:module,解决了使用import方式导入自定义模块时报错的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题

今天刷leetcode的时候,发现有些函数老是重复书写,于是单独写了一个uitls.js模块,通过import的方式导入,没想到居然报错了。
在这里插入图片描述

解决方案

错误警告其实已经给出了解决方案,在package.json文件中设置"type": "module"

所以执行一下下面的命令,默认所有配置为‘y’,从而快速生成package.json,然后修改文件即可。

npm init -y

在这里插入图片描述

{
  "name": "leetcode",
  "version": "1.0.0",
  "description": "",
  "main": "107. 二叉树的层次遍历 II.js",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

最后执行文件,果然就可以了,不过也还有一个warning,这是啥子实验性的东西??
在这里插入图片描述

问题原因

node早先只支持CommonJS的模块化方案,所以ES6的模块化特性用不了。但是在Node V13.2.0之后开始实验性的支持ESM模块化,不过需要创建package.json文件指明type类型为module。

引用和指出了一个错误信息:SyntaxError: Cannot use import statement outside a module。这个错误表示在非模块环境下使用了import语句。引用提供了一个具体的例子,其中使用了import语句导入了express模块,但是没有在模块环境下运行该代码。 解决这个问题的方法是将代码放置在模块环境中。在Node.js中,可以使用CommonJS规范来导入模块,而不是使用import语句。修改代码如下: const express = require('express'); const app = express(); app.listen(9527, function() { console.log(9527); }); 通过使用require语句代替import语句,将代码放在模块环境中,可以解决SyntaxError: Cannot use import statement outside a module错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [【解决SyntaxError: Cannot use import statement outside a module问题】](https://blog.csdn.net/JYB2106056288/article/details/121361094)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [SyntaxError: Cannot use import statement outside a module](https://blog.csdn.net/m0_59075169/article/details/124345250)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值