记一次JSON和ts-node的坑
首先列出目录结构:
1 | example/ |
config.ts
1 | import fs from 'fs' |
config.json
1 | { |
app.ts
1 | import { foo } from './config' |
此时运行ts-node app.ts
不会有任何问题。
问题复现
现在我有一个新的需求,需要我第一次运行希望foo
这个属性是true
,然后把它修改成false
,把foo
这个字段当作初始化的标志。
于是把下面这段代码加到config.ts
里面:
1 | export function resetFoo() { |
然后在app.ts
里面加入下面这行代码:
1 | import { resetFoo } from './config' |
那么我的第一反应是看一下resetFoo
是个什么东西,就在app.ts
出错的那句话上面加上了:
1 | console.log('ResetFoo is', resetFoo) |
解决方案
我在Stack Overflow上面查到的是这里。
长话短说,这个问题的根本原因在于app.ts
的第一行:
1 | import { foo, resetFoo } from './config' |
它导入的其实是config.json
,和我们写的ts没有半毛钱关系。
话是这样说,但是如何验证呢? 只需要把整个config.ts
内容清空,只留下一句:
1 | export const foo = 'THIS IS NOT JSON FILE!' |
然后把app.ts
改成:
1 | import { foo } from './config' |
所以说解决方案就很明显了:把config.ts
改名。由于这个操作过于简单这里就不演示了。
后记
虽然它能给我出bug,但是如果没了config.ts
我还不能直接导入JSON文件,需要在tsconfig.json
的compilerOptions
里面加上一句:
1 | "resolveJsonModule": true |
然后引入的时候需要这样引:
1 | import config from './config.json' |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 喵喵小窝!