An import path cannot end with a ‘.ts‘ extension.

最新推荐文章于 2025-04-22 15:13:31 发布
最新推荐文章于 2025-04-22 15:13:31 发布
阅读量1.3k 收藏
点赞数 5
分类专栏： 开发 文章标签： typescript .ts import
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guang_s/article/details/137169038
版权
本文讲述了在TypeScript项目中遇到的import路径错误，解释了原因（预期导入JavaScript文件而非源TS文件），并提供了修改import语句的示例，即移除.ts扩展名以解决问题。

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

导入路径不能以“.ts”扩展名“错误结尾。

这个错误通常发生在TypeScript项目中，当你试图从一个.ts文件中导入另一个.ts文件时。根据TypeScript的设计，import路径不应该以.ts扩展名结束。这是因为TypeScript期望import路径指向的是编译后的JavaScript文件，而不是原始的TypeScript文件。


修改import路径：将import语句中的.ts扩展名去掉，直接引用文件名或者目录结构。例如，如果你的import语句是这样的：

import MyClass from "./MyClass.ts";

你可以将其改为：

import MyClass from "./MyClass";

TypeScript报错信息表（备注）
Lee的博客
05-01 1万+
code 类型 英文描述 中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本。 1003 错误 Identifier expected. 应为标识符。 1005 错误 '{0}' expected. 应为“{0}”。 1006 错误 A file cannot have a reference to itself. 文件不能引用自身。 1009...
Model Context Protocol (MCP) 简介
最新发布
AI天才研究院
05-11 106
Model Context Protocol (MCP) 是一个开放协议，旨在标准化应用程序如何为大型语言模型（LLMs）提供上下文。MCP 类似于 AI 应用的 USB-C 接口，提供了一种标准化的方式，将 AI 模型连接到不同的数据源和工具。MCP 的核心架构采用客户端-服务器模式，主机应用程序可以连接到多个服务器，访问本地和远程数据源。MCP 提供了预构建的集成、灵活的 LLM 供应商切换以及数据安全的最佳实践。开发者可以根据需求选择快速入门指南，构建自己的服务器或客户端，或使用预构建的服务器。MCP
The import path cannot end with a ‘.ts‘ extension
peade的博客
06-03 6561
这是在用 vite+vue+ts 的时候，项目里报出来的。 页面里的代码是这么写的 <script lang="ts"> import settings from '@/settings' export default { setUp() { console.log(settings) return { settings } }, } </script> 解决方法是在tsconfig.json里改一点东西： { "compilerOptions": {
An import path cannot end with a ‘.ts‘ extension. Consider importing ‘~/utils/date.js‘ instead.
weixin_45357661的博客
10-20 1558
请将 client.ts 文件中的导入路径 /src/utils/date.ts?t=1697773315744 修改为 ~/utils/date.js，然后重新尝试编译运行代码。这样应该可以解决该错误。你可以考虑将导入路径改为 ~/utils/date.js，即使用 .js 扩展名进行导入。这个错误提示表明在导入模块时，不允许使用 .ts 扩展名作为路径的结尾。将文件后缀.ts删除掉。
vue An import path cannot end with a ‘.ts‘ extensi
weixin_38547641的博客
03-13 2728
引入src/store/index.ts报错 import store from 'src/store/index.ts' 改成 import store from 'src/store'
An import path cannot end with a ‘.ts’ extension. Consider importing ‘@/*.js’ instead.
GWQ_CY的博客
05-18 1万+
学习前端vue+ts构建项目的时候总会遇到以下的问题： An import path cannot end with a ‘.ts’ extension. Consider importing ‘@/core/services/JwtService.js’ instead. 网上很多文章会让这么改： # 在tsconfig.json中加入以下配置 "baseUrl": ".", "paths": { "@/*": [ "src/*" ] } 在webpack的配置文件中加入 "includ
导入路径不能以“.ts”扩展名结束
qugepminzi的博客
09-03 8117
抽离函数映入ts文件时，出现‘导入路径不能以“.ts”扩展名结束’的问题。
Typescript配置文件(tsconfig.json)详解系列六：allowImportingTsExtensions
zzyp1927314的博客
08-05 1470
如果不使用的时候，在导入文件的时候需要加上typescript编译后的文件后缀。如果使用了就不能输出编译文件，只能输出声明文件（*.d.ts）。
TS错误信息列表
热门推荐
Jinmy的博客
07-11 9万+
错误信息列表code类型英文描述中文描述1002错误Unterminated string literal.未终止的字符串文本。1003错误Identifier expected.应为标识符。1005错误'{0}' expected.应为“{0}”。1006错误A file cannot have a reference to itself.文件不能引用自身。1009错误Trailing comm...
babel-register-ts：:wrench:@babelregister包装器，带有附加的.ts和.tsx扩展名
02-01
babel-register-ts 可能是带有其他.ts和.tsx扩展名的临时@babel/register包装器，请参阅 。 安装 yarn add --dev @babel/core @babel/register babel-register-ts # or npm install --dev @babel/core @babel/register babel-register-ts
VsCode提示`导入路径不能以“.ts”扩展名结束`，但是项目运行正常
H17792428039的博客
12-07 3936
VsCode提示`导入路径不能以“.ts”扩展名结束`
An import path cannot end with a ‘.tsx‘ extension. Consider importing ‘./component/tagUpdate.js‘ ins
weixin_45043548的博客
02-24 1638
An import path cannot end with a '.tsx' extension. Consider importing './component/tagUpdate.js' instead.ts(2691)
Vue3项目引入.ts文件报错：An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘
咸鱼滚滚
08-26 3464
An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.ts-plugin(5097)
[TS]引入.ts文件报错：An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘
Supposelll的博客
04-22 386
在使用VSCode编辑器进行TypeScript编程时，我们经常会使用import语句导入其他的模块。然而，在某些情况下，我们可能会遇到以下错误提示：An import path can only end with a ‘.ts’ extension when ‘allowImportingTsExtensions’ is eabled。这是由于在TypeScript中，import语句引用的是模块的名称而不是具体的文件路径，因此在引用模块时不应该使用文件的扩展名。
vue3 ts import时报错An import path cannot end with a ‘.ts‘ extension
singlewalk的博客
01-29 2457
typeScript导入时是不需要加入扩展名.ts的,考虑到需要编译出可以用于。因此直接把.ts的后缀去掉就行了。的 JS，所以允许加。
An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘ is enabled.
Frank_colo的博客
02-26 1422
ts文件添加字段，设置为真，就能导入.ts结尾的文件了。
解决React18+ts项目导入模块的声明报错
CSSAJBQ_的博客
07-03 2321
在声明文件vite-env.d.ts。在tsconfig.js。
An import path can only end with a .ts extension when 'alLowImportingTsExtensions' is enabled.如何解决
06-12
这个错误提示是 TypeScript 编译器给出的，意思是当 TypeScript 编译器没有开启 `allowImportingTsExtensions` 选项时，导入路径只能以 `.ts` 结尾。 要解决这个问题，你有两个选项： 1. 在 tsconfig.json 文件中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值