webpack打包typescript多文件,提示没有该文件
栏目: JavaScript · 发布时间: 7年前
内容简介:在项目目录是这样的:
在项目 recorder 中,由于recorder中的class类过于庞大,于是便采用了typescript官方的mixin方式,但是在import其他文件时,居然提示Cannot find module找不到对应的文件,可是明明我是正确的路径。
问题
目录是这样的:
a.ts文件内容很简单,仅导出了一个对象:
export default {
yourName: 'haha'
}
在test.ts中,使用import引入a.ts:
import A from './a';
正确的相对路径,可以run dev之后,提示找不到module,
ERROR in ./src/test.ts Module not found: Error: Can't resolve './a' in 'D:\github\demo\view\2019\04\webpack打包typescript多文件,提示没有该文件\src' @ ./src/test.ts 3:10-24
处理方法
需要在webpack中配置resolve字段,告诉webpack所需要的文件。
即在webpack.config.js中增加:
resolve: {
extensions: ['.js', '.ts', '.json'],
},
如此就ok啦。
详细demo见: github 。
欢迎关注微信公众号[ 我不会前端 ]或扫描下方二维码!
以上所述就是小编给大家介绍的《webpack打包typescript多文件,提示没有该文件》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- tar打包如何不打包某一个文件夹(排除某些文件夹)
- Linux——文件与文件系统的压缩,打包与备份
- Go语言-打包静态文件
- webpack 打包后文件分析
- Maven 打包 Excel 文件损坏
- asp下利用xml打包网站文件
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
王道程序员求职宝典
电子工业出版社 / 2013-11 / 56.00元
本书精选了大量知名企业的程序员笔试、面试题,重点突出、解答翔实。全书共分为四部分,各部分如下:第一部分是程序设计基础及数据结构基础,讨论C/C++基础知识以及数据结构基础知识;第二部分是计算机网络基础,讨论网络模型、套接字编程基本操作、IPv4与IPv6、子网划分、网络常用测试工具等;第三部分是操作系统基础,讨论进程与线程的基本知识、进程间通信与进程同步、内存管理的相关知识等;第四部分是其他计算机......一起来看看 《王道程序员求职宝典》 这本书的介绍吧!
HTML 压缩/解压工具
在线压缩/解压 HTML 代码
RGB转16进制工具
RGB HEX 互转工具