解决SyntaxError: Cannot use import statement outside a module（ts文件运行问题）

最新推荐文章于 2024-04-05 12:43:58 发布

原创最新推荐文章于 2024-04-05 12:43:58 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #typescript

前端开发必会专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何通过修改package.json和tsconfig.json配置文件，并利用ts-node模块来运行TypeScript项目。具体步骤包括：设置模块类型为ESNext，启用ESM支持，安装ts-node并用它来直接运行TypeScript文件。

1. package.json

添加"type": "module"

2. tsconfig.json

关键配置如下

    "module": "esnext",
    "moduleResolution": "node",
    "esModuleInterop": true,
	"ts-node": {
	    "esm": true,
	    "experimentalSpecifierResolution": "node"
	  }

3. 安装ts-node

npm install -g typescript ts-node

4. 初始化项目

npm install

5. 使用ts-node 运行ts文件

例如： ts-node test.ts

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

NGUP_LEE

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

详细分析解决Uncaught SyntaxError: Cannot use import statement outside a module (at ...)的错误

念兮为美

02-25

6682

Uncaught SyntaxError: Cannot use import statement outside a module (at module.html?_ijt=vfvtohb23jt1tj3r4ad3a0t82v:19:5)

jtest: SyntaxError: Cannot use import statement outside a module

彭世瑜的博客

08-19

1287

原因是jtest 不支持es6语法，需要使用 Babel。使用jtest报错如下。

参与评论您还未登录，请先登录后发表或查看评论

解决Uncaught SyntaxError: Cannot use import statement outside a module(at XXX)报错

热门推荐

qq_53911056的博客

02-18

3万+

报错原因：这个错误通常是因为你正在尝试在一个不支持 ES6 模块语法的环境中使用 import 语句。这可能是因为你的代码是在一个只支持 CommonJS 或 AMD 模块系统的环境中运行的，或者你的代码运行的环境没有正确配置以支持 ES6 模块。

SyntaxError: Cannot use import statement outside a module

fuyuanduan的博客

09-06

258

问题描述： //文件一： userApi.js export function getList(){ //在真实的业务中，用异步获取数据。 console.log("获取数据列表～～～"); } export function save(){ //在真实业务中，异步获取数据 console.log("保存数据"); } //文件二： userTest.js import {getList, save} from './userApi.js' getList();

【完美解决】ES6语法导入报错 SyntaxError: Cannot use import statement outside a module

m0_73689941的博客

04-05

1269

(node:23888) Warning: To load an ES module, set “type”: “module” in the package.json or use the .mjs extension.在 Node.js 环境中默认使用的是 CommonJS 规范。import 是 ES6 中的模块化写法，CommonJS 模块与 ES6 模块不兼容。意思是在package.json文件中配置 “type”: “module” 就行。

关于js和ts文件导包问题总结:SyntaxError: Cannot use import statement outside a module

空山新雨后，天气晚来秋

06-24

3545

解决SyntaxError: Cannot use import statement outside a module

精选资源

报错：Uncaught SyntaxError: Cannot use import statement outside a module 详解

01-07

JS错误Uncaught SyntaxError: Cannot use import statement outside a module< 分析及解决方法错误信息：错误分析： HTML 网页中，浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 ...

electron+Vue3 打包后报错SyntaxError: Cannot use import statement outside a module

最新发布

03-13

当你在使用 Electron 和 Vue 3 打包后遇到 `SyntaxError: Cannot use import statement outside a module` 错误时，这通常是由于 JavaScript 文件未被正确识别为 ES 模块所导致的问题。下面是一些解决方案和建议来...

scripts.ts:534 [micro-app from runScript] app freezer: SyntaxError: Cannot use import statement outside a module

02-12

### 解决 `micro-app scripts.ts` 文件中的 "Cannot use import statement outside a module" 错误当遇到 `"Cannot use import statement outside a module"` 这样的语法错误时，通常是因为 TypeScript 或 ...

ts-node：Cannot use import statement outside a module & Unknown file extension _.ts_ for xxx.ts

阿城的博客

02-03

1979

解决 ts-node：Cannot use import statement outside a module & Unknown file extension _.ts_ for xxx.ts 报错

【Debug】解决SyntaxError: Cannot use import statement outside a module问题

随心所欲的便笺

02-12

1341

【代码】【Debug】解决SyntaxError: Cannot use import statement outside a module问题。

nodejs报错Cannot use import statement outside a module, Unknown file extension “.ts“,

weixin_43292547的博客

10-22

2117

执行 ts-node src/tools/test (代码如下)进行本地测试时报错Cannot use import statement outside a module。在package.json加上"type":“module”,报错Unknown file extension “.ts”但vercel --prod进行部署时报错build error。把tsconfig.json改回去即可。vuecli创建的项目，生成的tsconfig.json里有如下内容。