【问题记录】‘package.json‘不在‘rootdir‘下

最新推荐文章于 2025-02-15 11:17:06 发布
最新推荐文章于 2025-02-15 11:17:06 发布
阅读量1.4k 收藏
点赞数
分类专栏： 问题记录 文章标签： ts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47093559/article/details/114066148
版权

问题描述

迁移两年前的老项目，项目运行ts出现以下报错

TS6059: File ‘/Users/hz-mb-170/Desktop/Work/hidden-title/package.json’ is not under ‘rootDir’ ‘/Users/hz-mb-170/Desktop/Work/hidden-title/src’. ‘rootDir’ is expected to contain all source files.
在这里插入图片描述
在这里插入图片描述

问题解决

修改tsconfig.json就可完美解决
改之前—不要拷贝
在这里插入图片描述
改之后
在这里插入图片描述

问题分析

  • 百度找到的解决办法，原理我也不太清楚，大家可以一起交流一下
  • 原文链接
TS错误信息列表
Jinmy的博客
07-11 9万+
错误信息列表code类型英文描述中文描述1002错误Unterminated string literal.未终止的字符串文本。1003错误Identifier expected.应为标识符。1005错误'{0}' expected.应为“{0}”。1006错误A file cannot have a reference to itself.文件不能引用自身。1009错误Trailing comm...
typeScript第三篇tsconfig.json配置文件、namespace命名空间、三斜线指令、声明文件d.ts、Mixins混入、装饰器Decorator、Rollup、webpack构建TS
m0_55170432的博客
10-28 1822
学习笔记 小满的
typescript 项目实践（一）
欢迎来到燕子的博客！
01-07 1067
最近学习typescript 。 现在从项目最开始的创建开始记录下可能碰到的问题。 项目创建 create-react-app admin --scripts-version=react-scripts-ts 考虑到我需要做一些特殊的webpack的配置所以这里要做一个eject cd admin git init git add . git commit -m 'Saving before e...
简述 tsconfig.json 中 rootDir 和 include 之间的关系
我是张跑跑
02-15 755
之间有一定的关系，但它们的作用是不同的。理解它们的关系可以帮助你更好地配置 TypeScript 项目。用于指定哪些文件或目录应该被 TypeScript 编译器处理。设置不正确，输出的目录结构可能不符合预期。用于指定 TypeScript 编译器（，可以避免路径问题并确保编译结果符合预期。根据你的需求合理配置。
狗蛋开发日记
weixin_44726476的博客
03-31 3013
平常写项目时碰到的一些前端问题和技巧
typescript 错误码大全
ispaomoya博客
03-15 1万+
typescript错误码大全，ts错误码
TypeScript基础入门之模块解析(二)
zhangda89的专栏
10-13 748
转发 TypeScript基础入门之模块解析(二) 模块解析 Base URL 使用baseUrl是使用AMD模块加载器的应用程序中的常见做法，其中模块在运行时"deployed"到单个文件夹。 这些模块的源代码可以存在于不同的目录中，但构建脚本会将它们放在一起。 设置baseUrl通知编译器在哪里可以找到模块。 假定所有具有非相对名称的模块导入都相对于baseUrl baseUrl的值...
tsconfig.json文件参数说明
weixin_43484007的博客
10-03 194
【代码】tsconfig.json文件参数说明。
【TS】612- 了不起的 tsconfig.json 指南
pingan8787
06-02 887
在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置...
js笔记十七:typescript项目的jest项目配置全过程
过客2019
07-18 1348
typescript项目的jest项目配置全过程
（最新react-native-0.59.5) 如何将ReactNative项目集成到现有得Android项目中（两种实现方法之二）
Ghost_tal的博客
05-05 1384
二 以Android项目为主 这种将在已有Android 项目中集成React-Native 项目，是在原来Android项目中添加 RN项目，不会修改 Android项目的外层结构。大概结果如下： Android 环境搭建 ...
深入理解TypeScript - 认识TypeScript&配置详解
qq_41831345的博客
06-13 3281
编译上下文 在一个项目中，如果想使用ts来进行开发，就需要一个相关的配置文件，tsconfig.json。 你可以在项目的根目录下手动创建这个文件，写入一些你需要的配置。 也可以使用命令生成这样的一个文件： npm install -g typescript 以上命令会在全局环境下安装tsc命令，安装完成之后，我们就可以在任何地方执行tsc命令了。 进入你的项目，执行: tsc --init 会在你的项目根目录下生成一个tsconfig.json文件： { "compil...
JavaScript 项目迁移到 TypeScript 步骤以及遇到的问题
weixin_33725272的博客
03-15 3791
本文讲述了如何将 JavaScript 项目迁移到 TypeScript 上，以及如何在项目中添加 TypeScript 配置，编写 TypeScript 代码。 一、插件安装 安装项目所需插件，一般对应的模块都会有对应的 @types 插件可以使用。不知道的是否需要安装对应的 @types 插件的话，可以到 TypeSearch 进行查找。 # 安装项目中使用的插件 $ npm install...
关于undefined is not an object(evaluating 'HotUpdate.downloadRootDir')错误的解决办法
codelang
06-28 1万+
讨论，这是react-native中文网的官网的回答，我再次补充一点。 有很多开发者用了下面的命令成功了发现运行还是不行 $ npm install -g react-native-update-cli $ npm install --save react-native-update $ react-native link react-native-update 也有的说link了也还是没用...
IntelliJ IDEA:Unregistered VCS root detected. The directory…is under Git, but is not registered in t
热门推荐
金溪的博客
03-27 1万+
当我们在idea中导入一个git项目或者初始化一个git项目的时候，往往会出现上面的警告。 这是由于idea也内置了vcs版本控制，但是在idea中却没有添加相应的配置。如果你从来不用idea内置的vcs，那么这个警告你就可以忽略，不会对你有影响，但是如果你就是使用vcs来版本控制的，那么就需要修改这个问题。点击告警的configure，选择unregistered roots，点击左下角的加号...
"无法在不指定选项 incremental 或选项 composite 的情况下指定选项
最新发布
02-27
### 正确配置 `incremental` 和 `composite` 选项 #### 配置 `incremental` 为了提高大型项目的编译速度，可以启用增量编译功能。当此选项设置为 true 时，TypeScript 编译器会在每次编译后保存有关程序结构的信息，并在后续编译中利用这些信息加快处理速度。 ```json { "compilerOptions": { "incremental": true, "outDir": "./dist" } } ``` 通过这种方式，在修改源代码之后再次运行 tsc 命令时，只有那些受到影响的部分才会被重新编译[^1]。 #### 使用 `composite` 对于更复杂的多包项目而言，则可能需要用到复合项目支持。这允许不同模块之间相互依赖的同时保持各自的独立性。要开启这一特性需满足几个条件： - 设置 `"declaration"` 为 `true` - 添加 `"rootDir"` - 将 `"composite"` 设定成 `true` 下面是一个典型的 tsconfig.json 文件片段用于启动该模式: ```json { "compilerOptions": { "declaration": true, "rootDir": ".", "outDir": "../built/local", "composite": true }, "references": [ { "path": "../otherpackage" } ] } ``` 这里还展示了如何指定外部引用路径以便于跨多个子项目工作。需要注意的是，如果启用了 `composite`,那么也应当相应调整输出目录(`outDir`)的位置以避免冲突[^2]。 #### 实际应用案例 在一个基于 Vue 的 TypeScript 应用开发环境中，通常会有如下三个主要的 tsconfig 文件：`tsconfig.json`,`tsconfig.app.json`以及`tsconfig.node.json`. 其中前两者主要用于客户端应用程序逻辑部分；而后者则专注于服务端构建工具链如 Vite 的配置文件解析。因此可以根据实际需求在这几处分别加入上述提到的相关配置项来优化整体性能表现.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值