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

最新推荐文章于 2022-12-20 17:55:05 发布
最新推荐文章于 2022-12-20 17:55:05 发布
阅读量1.2k 收藏
点赞数
分类专栏： 问题记录 文章标签： 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就可完美解决
改之前—不要拷贝
在这里插入图片描述
改之后
在这里插入图片描述

问题分析

  • 百度找到的解决办法，原理我也不太清楚，大家可以一起交流一下
  • 原文链接
虾仁不眨眼ok
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
infrastructure-app-0.4.x
04-29
安装基础结构（现在分支“ dev”）======================================== ======== npm安装 或在package.json中 "dependencies": { "infrastructure": "https://github.com/shstefanov/infrastructure.git#dev" } 创建应用程序入口点========================= // app.js var Infrastructure = require（“ infrastructure”）; Infrastructure（{//这是配置模式：“ development”，//默认为“ development” process_mode：“ cluster”，//默认为“ single” rootDir：__dirname
pkg-dir:查找Node.js项目或npm包的根目录
05-26
pkg目录 查找Node.js项目或npm包的根目录 安装 $ npm install pkg-dir 用法 / └── Users └── sindresorhus └── foo ├── package.json └── bar ├── baz └── example.js // example.js const pkgDir = require ( 'pkg-dir' ) ; ( async ( ) => { const rootDir = await pkgDir ( __dirname ) ; console . log ( rootDir ) ; //=> '/Users/sindresorhus/foo' } ) ( ) ; 原料
ngrx-course：有关Angular实现中的NgRx的课程
02-18
NgRx课程 测试 npm i -D开玩笑@ types / jest开玩笑预设角度 删除所有与茉莉花和业力有关的软件包，茉莉花大理石除外 从angular.json删除测试属性 删除test.ts茉莉文件和karma.conf.js文件 添加这些茉莉花大理石 将这些添加到tsconfig.spec.json的类型属性下面 " esModuleInterop " : true , " emitDecoratorMetadata " : true 将测试脚本从ng test更改为jest 将此添加到package.json中 " jest " : { " preset " : " jest-preset-angular " , " setupFilesAfterEnv " : [ " <rootDir>/setupJest.ts " ]
jest-babel-preprocessor:Jest的Babel预处理程序
05-13
笑话巴别预处理器 安装 npm i --D jest-cli jest-babel-preprocessor 用 在安装后， jest-babel-preprocessor将更新相关程序包的package.json以添加jest.scriptPreprocessor和jest.unmockedModulePathPatterns字段（如果不存在）。 IE： 在您的package.json设置jest.scriptPreprocessor字段： { "jest" : { "scriptPreprocessor" : "<rootDir>/node_modules/jest-babel-preprocessor/preprocessor.js" "unmockedModulePathPatterns" : [ "<rootDir>/node_modules
stylus-deps-to-css
06-17
stylus-deps-to-css 从给定的根模块开始搜索手写笔依赖项。 手写笔依赖项使用自定义“手写笔”键在 package.json 中声明。 安装 安装为开发依赖项： npm install stylus-deps-to-css --save-dev 用法 var stylusDepsToCss = require ( 'stylus-deps-to-css' ) ; var deps = stylusDepsToCss . create ( ) ; var rootDir = 'path/to/module' ; // module contains a package.json deps . convertStylusToCss ( rootDir , function ( css ) { // do something with `css` } ) ; 应用程序接
typescript 项目实践（一）
欢迎来到燕子的博客！
01-07 905
最近学习typescript 。 现在从项目最开始的创建开始记录下可能碰到的问题。 项目创建 create-react-app admin --scripts-version=react-scripts-ts 考虑到我需要做一些特殊的webpack的配置所以这里要做一个eject cd admin git init git add . git commit -m 'Saving before e...
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...
狗蛋开发日记
weixin_44726476的博客
03-31 2005
平常写项目时碰到的一些前端问题和技巧
TypeScript基础入门之模块解析(二)
zhangda89的专栏
10-13 675
转发 TypeScript基础入门之模块解析(二) 模块解析 Base URL 使用baseUrl是使用AMD模块加载器的应用程序中的常见做法，其中模块在运行时"deployed"到单个文件夹。 这些模块的源代码可以存在于不同的目录中，但构建脚本会将它们放在一起。 设置baseUrl通知编译器在哪里可以找到模块。 假定所有具有非相对名称的模块导入都相对于baseUrl baseUrl的值...
深入理解TypeScript - 认识TypeScript&配置详解
qq_41831345的博客
06-13 3155
编译上下文 在一个项目中，如果想使用ts来进行开发，就需要一个相关的配置文件，tsconfig.json。 你可以在项目的根目录下手动创建这个文件，写入一些你需要的配置。 也可以使用命令生成这样的一个文件： npm install -g typescript 以上命令会在全局环境下安装tsc命令，安装完成之后，我们就可以在任何地方执行tsc命令了。 进入你的项目，执行: tsc --init 会在你的项目根目录下生成一个tsconfig.json文件： { "compil...
【TS】612- 了不起的 tsconfig.json 指南
pingan8787
06-02 741
在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置...
typescript package.json的“scripts“命令
weixin_43294560的博客
07-24 787
1、先编译ts文件然后运行编译后的js文件 "start": "tsc && node ./dist/index.js", 修改"outDir"和"rootDir" 确定编译后的ts文件输出路径以及项目根路径
1.2 nest.js中package.json命令说明及简单调试
LetsStudy的博客
12-20 573
nest.js简单调试
JavaScript 项目迁移到 TypeScript 步骤以及遇到的问题
weixin_33725272的博客
03-15 3686
本文讲述了如何将 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了也还是没用...
tsconfig.json 中 compilerOptions 配置项 "outDir": "./" "rootDir": "./" "baseUrl": "./" "paths" 请用代码实际的代码演示如何使用
最新发布
08-05
当你的 tsconfig.json 文件中的 compilerOptions 配置项如下所示： ```json{ "compilerOptions": { "outDir": "./dist", "rootDir": "./src", "baseUrl": "./", "paths": { "@utils/*": ["./src/utils/*"] } } } ``` 你可以使用以下示例代码来演示如何使用这些配置项： ```typescript// src/utils/math.tsexport function add(a: number, b: number): number { return a + b; } // src/index.tsimport { add } from '@utils/math'; console.log(add(2,3)); // 输出:5``` 在上面的示例中，我们在 `src/utils` 目录下创建了一个 `math.ts` 文件，其中导出了一个 `add` 函数。然后在 `src/index.ts` 文件中，我们通过 `import`语句将 `add` 函数导入，并使用它进行加法运算并打印结果。 当我们运行 TypeScript 编译器时，它会根据 tsconfig.json 中的配置将 TypeScript 文件编译为 JavaScript 文件，并输出到指定的目录。 例如，假设我们在命令行中执行 `tsc` 命令来编译 TypeScript 文件，根据上述的配置，编译后的 JavaScript 文件将输出到 `dist` 目录。那么执行 `node dist/index.js` 将会输出 `5`。 希望以上示例能够帮助你理解如何使用 tsconfig.json 中的配置项。如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值