Typescript中使用引用路径别名报错的解决方法
更新时间：2022年07月06日 08:59:33 作者：将心_max
本文主要介绍了Typescript中使用引用路径别名报错的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在TS中引用路径别名提示找不到模块或者相应的声明
1.ts中使用路径别名报错
在react中通常路径别名都是在webpack的webpack.config.js文件中配置的，但是在引入了ts之后，webpack中的路径别名引用失效了
此时我们需要在跟src文件同级目录的tsconfig.json文件中添加配置：
注意要在compilerOptions中添加（webpack中的路径也需要配置）
"compilerOptions": {
"target": "es6" /**指定ECMAScript目标版本**/,
"module": "commonjs" /**指定生成哪个模块系统代码**/,
"allowJs": true /**允许编译js文件**/,
"jsx": "preserve" /**支持JSX**/,
"outDir": "build" /**编译输出目录**/,
"strict": true /**启用所有严格类型检查选项**/,
"noImplicitAny": false /**在表达式和声明上有隐含的any类型时报错**/,
"skipLibCheck": true /**忽略所有的声明文件的类型检查**/,
"forceConsistentCasingInFileNames": true /**禁止对同一个文件的不一致的引用**/,
"allowSyntheticDefaultImports": true /**允许使用import方式导入**/,
"baseUrl": ".", //paths路劲解析起点
"paths": {
"@constant/*": ["src/constants/*"] // 路劲别名配置
}
},
到此这篇关于Typescript中使用引用路径别名报错的解决方法的文章就介绍到这了,更多相关Typescript 引用路径别名报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
可以获取html table中的td中的内容。非常的不错。2009-07-07
更改BootStrap popover的默认样式及popover简单用法
这篇文章主要介绍了更改BootStrap popover的默认样式及popover简单用法,需要的朋友可以参考下2018-09-09
在本篇文章里小编给大家整理的是关于js的新生代垃圾回收的相关知识点内容，有需要的朋友们可以参考学习下。2019-08-08
在开发的时候为什么左边的数据出来比右边的慢呢？因为这里没有进行分页，左边的数据多，所以查询相对较慢。怎么解决此问题呢？下面小编给大家带来了JS鼠标滚动分页效果示例，需要的的朋友参考下吧2017-07-07
javascript sort()对数组中的元素进行排序详解
在本篇文章里小编给大家整理是一篇关于javascript sort()对数组中的元素进行排序的相关知识点内容，需要的朋友们学习下。2019-10-10
这篇文章主要为大家详细介绍了JavaScript实现小球沿正弦曲线运动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
下面小编就为大家分享一篇JavaScript 数组去重并统计重复元素出现的次数实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要为大家详细介绍了Bootstrap实现水平排列的表单的相关代码，代码简洁，感兴趣的小伙伴们可以参考一下2016-07-07
JS组件Bootstrap ContextMenu右键菜单使用方法
这篇文章主要为大家详细介绍了JS组件Bootstrap ContextMenu右键菜单使用方法，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要为大家详细介绍了js实现简单购物车模块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
最新评论