小编ASG*_*SG4的帖子

背景

尝试改进我的错误编码可见性和结构，并决定添加依赖项 ''' chalk '''，这需要 Pure ESM。最初，我的 ts.config/package.json 是一个 common.js 文件，没有将“类型”声明为“模块”。按照以下 chalk 文档和类似的堆栈溢出故障排除进行了一些更改。重新加载我的应用程序后，我收到此错误：

错误

[user] 
[user] > user@1.0.0 start
[user] > ts-node-dev src/index.ts
[user]
[user] [INFO] 02:43:13 ts-node-dev ver. 2.0.0 (using ts-node ver. 10.8.0, typescript ver. 4.7.2)
[user] Compilation error in /app/src/index.ts
[user] Error: Must use import to load ES Module: /app/src/index.ts
[user]     at Object.<anonymous> (/app/src/index.ts:1:7)
[user]     at Module._compile (node:internal/modules/cjs/loader:1105:14)
[user]     at Module._compile (/app/node_modules/source-map-support/source-map-support.js:568:25)
[user]     at Module.m._compile (/tmp/ts-node-dev-hook-07536074778072654.js:69:33)
[user]     at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
[user]     at require.extensions..jsx.require.extensions..js (/tmp/ts-node-dev-hook-07536074778072654.js:114:20)
[user]     at require.extensions.<computed> (/tmp/ts-node-dev-hook-07536074778072654.js:71:20) …

例子：

.btn {bg-blue-500 text-2 text-orange-300}
.btn2 {bg-orange-500 text-2 text-blue-300}

尝试过：

编辑：很抱歉我忘记包含我正在使用的代码......那是深夜。

< button className="btn hover:btn2"/>   <---this does not work btn2 does not actually get applied as a hover

btn当然会出现，但是悬停时，btn2样式不会出现。

如果我做了一些愚蠢的事情或者我明显错过了文档中已经说明的内容，请随时为我指出方向。

我尝试过搜索，但我在兜圈子，我只是有很多样式，我想通过在不同的状态下应用它们来改变功能，但这将是一个痛苦，因为我必须创建一个单独的.btn .btn2 btn2-hover btn-hover等。 。 ETC..

是变体问题吗？css或者它是一个按一定顺序读取的过程？难道我期望将悬停应用于所有内部，css而实际上并没有这样做？或者我需要做出一些例外吗？我很混乱。