问题标签 [tsconfig-paths]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
140 浏览

typescript - 在多个项目之间共享 typescript 模块

我正在使用 TSpaths方法将shared文件夹包含在我的 API 项目中。

这是我的 APItsconfig.json文件的一部分:

在此处输入图像描述

这里的挑战是该shared文件夹有自己的依赖项和package.json

整个项目结构如下所示:

编译 API 时,我dist的文件夹包含shared文件夹定义,但它忽略了node_modules因此在运行时失败。

在此处输入图像描述

问题:我怎样才能告诉tsc编译器包含node_modulesdist/shared

或者我应该创建一个post-compile手动复制它的步骤?(听起来不干净)

0 投票
1 回答
1156 浏览

javascript - 查找 `tsconfig.json` 中提到的绝对路径时出现 TypeScript 编译器错误

我有以下目录结构:

tsconfig.json看起来像:

我的App.tsx样子:

TS 错误如下所示:

我该如何解决这个问题?我正在关注Next.js 绝对导入结构

甚至尝试做:

但它仍然给出错误。我该如何解决?

我也有webpack.config.js,看起来像:

我必须在 中指定任何内容webpack.config.js吗?因为 VSCode 自动完成工作得很好。

0 投票
0 回答
31 浏览

angular - 仅在 ubuntu 中找不到模块“@module/kinetic-erp-tester-e2e”/tsconfig 路径

我们有以下错误,它只发生在 ubuntu 中,它似乎处理 tsconfig 路径。tsconfig 更新如下。请告知是否需要处理不同的方法。

[14:02:30] I/launcher - 运行 1 个 WebDriver 实例 [14:02:30] I/direct - 直接使用 ChromeDriver ... [14:02:36] E/launcher - 错误:TSError:⨯ 无法编译 TypeScript:projects/metafx/metafx-harness-e2e/src/common/helper.ts(2,29):错误 TS2307:找不到模块 '@module/kinetic-erp-tester-e2e' 或其相应的类型声明.

0 投票
2 回答
402 浏览

angular - 打字稿:即使导入已正确解决,IntelliJ 也会在导入时显示错误

我正在做一个 Angular 项目。我有一个图书馆tools和一个项目example。我的项目结构看起来像这样(Monorepo)

我的tsconfig.json长相是这样的

和我的tsconfig.app.json

当我尝试导入toolsmyapp.module.ts时,它工作正常。但是当我在任何功能/子模块中导入它时,例如main.component.ts,IntelliJ 将其标记为错误。 TS2307: Cannot find module 'tools' or its corresponding type declarations

我尝试tsc --project projects/example/tsconfig.app.json在命令行中运行并检查输出,我发现它已成功解决 Module name 'tools' was successfully resolved

我一无所知,没有解决方案!

0 投票
1 回答
938 浏览

reactjs - React tsconfig-paths 找不到模块

我通过以下方式在我的 tsconfig.json 中配置了 tsconfig-paths 版本 3.9.0:

tsconfig.json:

包.json:

在我的 App.tsx 中,我使用在 tsconfig 中声明的绝对路径导入:

我的界面被发现并成功编译,但我的“配置”没有。我的 CONFIG 是我导出的常量,而“测试”是一个接口。

当我只编译我的接口测试时,它完全没问题。但是当我导入我的 const CONFIG 时,它给出了这个错误:

有什么想法吗?

0 投票
1 回答
59 浏览

typescript - 未找到模块:无法解析“D:\FoodOderingApp\Client\screens\Item Listing”中的“components/Card Container/CardContainer”

文件结构

  • 客户
  • 组件
    - 标题
  • 帮手
  • 导航
  • 屏幕
  • 状态

即使我可以单击我的特定 .tsx 文件,我也找不到该模块

0 投票
1 回答
497 浏览

typescript - tsconfig 已设置路径但不编译别名

使用tsc编译代码的时候发现我的别名并没有转换,但是我已经配置了Paths,这里是tsconfig.json

代码的编译文件部分之一是here

我的代码哪里错了

谢谢~~~

0 投票
0 回答
96 浏览

typescript - 发布带有路径和 tsconfig-paths 的打字稿库

我想把共享的公共代码放到一个私有的 npm 注册表中。

使用以下命令和 tsconfig 一直运行良好,直到我想通过发布到 npm 注册表来使一个项目依赖于另一个项目。

我有几个文件夹和很多文件,所以我使用路径和 tsconfig-paths(导入看起来很干净,例如import { Repo } from "adapters/api/repository";)。

常见项目自行正确构建,但一旦发布并用作依赖项,当我构建使用它的项目时,它就会出现构建错误。

共同项目;构建良好:使用rm -rf dist && tsc --sourceMap -p ./ && cp tsconfig.json dist/ && cp .env dist/.

包的文件结构是:

哪里src/adapters/api/repository.ts是:

tsconfig.json:

在另一个项目中,公共项目是依赖项,我使用相同的命令构建

import { ProjectCommon } from "@project/common";它是使用(vs code 显示正确的路径)导入的node_modules/@project/common/dist/src/index

我可以在node_modules/@project/common.

但是当我构建时,我得到了这个错误: node_modules/@project/common/dist/src/adapters/api/repository.d.ts:1:37 - error TS2307: Cannot find module 'application/interfaces/interfaceA' or its corresponding type declarations. 1 import { InterfaceA } from "application/interfaces/interfaceA";

两个项目中的文件结构相似,并且 tsconfig 路径相同,这有影响吗?我不应该在公共项目中使用路径,因为它必须作为库导入吗?

我试图将一些路径更改为相对路径,但它没有解决构建错误。公共项目中的路径绝对正确,这就是为什么我很惊讶地看到另一个项目在其自己的构建过程中显示错误,而公共项目是一个依赖项......

运行时ts-node -r tsconfig-paths/register --files ./src/index.ts

` /home/projects/node_modules/@project/common/dist/src/index.d.ts:1 从“适配器/api/another.file”导入{类};^^^^^^

SyntaxError:不能在模块外使用导入语句`

使用这些命令和 tsconfig 一直很好,直到我想通过发布到 npm 注册表来使一个依赖于另一个。

期待一些见解:)非常感谢

0 投票
0 回答
21 浏览

typescript - 如何将使用打字稿和路径别名构建的库发布到 npm 注册表

有没有人设法将打字稿库发布到使用“路径”作为导入别名的 npm 注册表?

独立,我只需要tsconfig-paths/register与 ts-node 或 node 一起使用。但是作为 node_modules 中的 npm 包的一部分,我遇到了编译错误,因为导入路径别名显然没有被解析。

谢谢你的帮助

0 投票
1 回答
121 浏览

typescript - 如何使 tsconfig.json 路径别名在 Razzle 项目中工作?

我正在将一个项目从 react-app-rewired 迁移到 Razzle。

tsconfig.json 是这样的:

那个部分

在我的情况下不起作用。

这是在我的 package.json 文件中: "start": "BROWSER=chromium concurrently \"npm run start:tsc\" \"razzle start\"",

我运行 npm start 并在客户端编译错误部分收到此消息:

Cannot find module '@/redux/authSlice'.

我认为相关的依赖项是:

我也尝试将以下内容放入我的razzle.config.js文件中,但没有成功:

调试此问题的下一步是什么?我该如何解决这个问题?

谢谢!