webpack打包typescript多文件,提示没有该文件

栏目: JavaScript · 发布时间: 6年前

内容简介:在项目目录是这样的:

在项目 recorder 中,由于recorder中的class类过于庞大,于是便采用了typescript官方的mixin方式,但是在import其他文件时,居然提示Cannot find module找不到对应的文件,可是明明我是正确的路径。

问题

目录是这样的:

webpack打包typescript多文件,提示没有该文件

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打包typescript多文件,提示没有该文件

处理方法

需要在webpack中配置resolve字段,告诉webpack所需要的文件。

即在webpack.config.js中增加:

resolve: {
    extensions: ['.js', '.ts', '.json'],
},

如此就ok啦。

详细demo见: github

欢迎关注微信公众号[ 我不会前端 ]或扫描下方二维码!

webpack打包typescript多文件,提示没有该文件


以上所述就是小编给大家介绍的《webpack打包typescript多文件,提示没有该文件》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

C Primer Plus(第6版)中文版

C Primer Plus(第6版)中文版

普拉达 (Stephen Prata) / 姜佑 / 人民邮电出版社 / 2016-4-1 / CNY 89.00

《C Primer Plus(第6版)中文版》详细讲解了C语言的基本概念和编程技巧。 《C Primer Plus(第6版)中文版》共17章。第1、2章介绍了C语言编程的预备知识。第3~15章详细讲解了C语言的相关知识,包括数据类型、格式化输入/输出、运算符、表达式、语句、循环、字符输入和输出、函数、数组和指针、字符和字符串函数、内存管理、文件输入输出、结构、位操作等。第16章、17章介绍C......一起来看看 《C Primer Plus(第6版)中文版》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具