javascript – Typescript找不到在“paths”设置中定义的模块
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Typescript找不到在“paths”设置中定义的模块,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1279字,纯文字阅读大概需要2分钟。
内容图文
在我的React项目中,我在webpack配置中定义了一个模块别名.我想开始转向Typescript.
//我试图尽可能地简化设置
这是我在根文件夹中的tsconfig.json:
{
"compilerOptions": {
"target": "es6",
"module": "es6",
"moduleResolution": "node",
"jsx": "react",
"noImplicitAny": true,
"strictNullChecks": true,
"sourceMap": true,
"lib": [
"dom",
"es2015",
"es2016"
],
"baseUrl": "./src",
"paths": {
"app": ["./app"]
}
},
"include": [
"src/**/*"
]
}
这是我的项目结构:
[rootDir]
|
|- [src]
| |
| |-[app]
| |
| |-[components]
| | ... react components live here
| |- Test.tsx
| |- SomeComponent.tsx
| |- index.js (export { default as Test } from './Test')
|
|- tsconfig.json
|- webpack.config.js
我使用带有Webpack 2的awesome-typescript-loader,我还在那里加入插件来加载路径.我也使用Visual Studio Code,它内置了Typescript,但显示相同的错误.
在我的Typescript组件SomeComponent.tsx中我想包含另一个组件,如下所示:
import * as React from 'react'
import { Test } from 'app/components'
我收到以下错误:
Cannot find module 'app/components'
解决方法:
解决方案是编辑路径配置以查找嵌套文件.
"baseUrl": ".",
"paths": {
"app*": ["src/app*"]
}
现在当我从’app / components’添加import {Test}时,Typescript会查看src / app / components / index.js并且它可以工作.我还想将@添加到别名以避免与其他模块冲突.像这样:
"@app*": ["src/app*"]
内容总结
以上是互联网集市为您收集整理的javascript – Typescript找不到在“paths”设置中定义的模块全部内容,希望文章能够帮你解决javascript – Typescript找不到在“paths”设置中定义的模块所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。