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 引用路径别名报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Cpage.js给组件绑定事件的实现代码
Cpage.js是一款轻量级的Mvvm框架，使用TypeScript（JavaScript的超集）开发。下面通过本文给大家分享Cpage.js给组件绑定事件的实现代码，需要的的朋友参考下吧
2017-08-08
Js 控制表单域代码
js改变下拉框的显示等实现代码。
2009-05-05
Javascript如何实现对象扁平化实例详解
这篇文章主要给大家介绍了关于Javascript如何实现对象扁平化的扁平化处理简而言之就是对对象中的对象提取出来,放在一个对象里面,形象的说就是把儿子的后代当成自己的儿子,下面相关资料,需要的朋友可以参考下
2022-11-11
JavaScript使用键盘输入控制实现数字验证功能
根据键盘输入的keycode来判断输入的是什么类型来实现数字验证功能，就简单几行代码就可以实现，对js数字验证功能感兴趣的朋友一起看下吧
2016-08-08
js中有关IE版本检测
javascript中经常用到IE版本的判定，实现特定需求的代码。检测浏览器虽然不是一个什么好的做法，但是有时候还是很必要的
2012-01-01
JavaScript中的普通函数和箭头函数的区别和用法详解
这篇文章主要介绍了JavaScript中的普通函数和箭头函数的区别和用法详解,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
微信JS SDK接入的几点注意事项(必看篇)
下面小编就为大家带来一篇微信JS SDK接入的几点注意事项(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
编写更好的JavaScript条件式和匹配条件的技巧(小结)
这篇文章主要介绍了编写更好的JavaScript条件式和匹配条件的技巧(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-06-06
JavaScript 中的 this 简单规则
想要确定this里规则是什么，其实方法很简单，通过检查它的调用位置，在函数被调用的时候确定this，下面就跟随脚本之家小编一起通过本文学习吧
2017-09-09
JavaScript实现鼠标经过表格行给出颜色标识
这篇文章主要为大家详细介绍了JavaScript实现鼠标经过表格行给出颜色标识，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04