小编Car*_*ton的帖子

我正在使用 Vite 构建库，构建库时出现以下错误：

Rollup failed to resolve import "node:path"

通过将失败的导入添加到汇总选项中，我可以修复错误，但构建会继续抱怨每次node:*导入。最后我不得不将每一个单独添加到build.rollupOptions.external：

Rollup failed to resolve import "node:path"

虽然这解决了问题，但node单独列出每个导入非常耗时。有没有办法使用某种通配符语法来自动解析所有node导入？

build: {
  rollupOptions: {
    external: [            
      'node:path',           
      'node:https',
      'node:http',
      'node:zlib',
      ... 
    ],
},

苹果规定用户可以更改图标以提供更加个性化的体验。请参阅此处的文档：

https://developer.apple.com/design/ human-interface-guidelines/ios/icons-and-images/app-icon/#user-selectable-app-icons

我的问题是关于在 React Native 中使用此功能。在 React Native 中构建应用程序是否可以访问此setAlternateIconName方法并向用户提供备用应用程序图标？React Native 是否提供了一种与此 IOS 方法交互的好方法？

我在容器内的步进器中有一个标题图标列表，我试图让它们响应页面大小的变化，但它不起作用。我尝试更改容器在不同 div 中的位置，但没有成功。

我正在使用 Bootstrap5

这是当前的输出：

我试图获取容器内的数字，这里是模板：

    <div class="container flex-grow-1 flex-shrink-0 py-5">
      <div class="mb-5 p-4 bg-white shadow-sm">
        <h1 class="text-center">Plan</h1>
        <div id="stepper1" class="bs-stepper">
          <div class="bs-stepper-header" role="tablist">
            <!-- General Information -->
            <div class="step active" data-target="#test-l-1">
              <button
                type="button"
                class="step-trigger"
                role="tab"
                id="stepper1trigger1"
                aria-controls="test-l-1"
                aria-selected="true"
              >
                <span class="bs-stepper-circle">1</span>
<!--                <span class="bs-stepper-label">General Information</span>-->
              </button>
            </div>
            <!-- Summary -->
            <div class="step" data-target="#test-l-2">
              <button
                type="button"
                class="step-trigger"
                role="tab"
                id="stepper1trigger2"
                aria-controls="test-l-2"
                aria-selected="false"
                
              >
                <span class="bs-stepper-circle">2</span>
<!--                <span class="bs-stepper-label">Summary</span>-->
              </button>
            </div>
        </div>
      </div>
    </div>

FormatJS 消息中是否可以有 if/else？

例子

我有一个布尔变量isDay，它应该确定显示什么消息。当true我想显示“Day”一词时以及当false我想显示Night.

// message string
message = "Day";

// React component
<FormattedMessage
 id="message"
 values={{isDay: true}}
/>

我希望能够做类似的事情：

message = "{if isDay}Day{else}Night{endif}";

我知道上面不是实际的语法，但想知道FormatJS是否可以实现类似的功能？

我正在寻找一种从 ENUM 值创建 Typescript 类型的方法。目前，我必须手动构造类型并使其与 ENUM 保持同步。

有没有办法从 ENUM 值创建一个类型作为 oneof ？最终结果是当我更新 ENUM 时，类型将自动反映它

enum FRUITS {
    APPLE = 'apple',
    PEAR = 'pear',
    ORANGE = 'orange',
}

// type Fruits = FRUITS;
type Fruits = 'apple' | 'pear' | 'orange';

// This works
const fruit: Fruits = FRUITS.APPLE;
// This also works
const fruit2: Fruits = 'apple';

该类型将在这些场景中使用，因此两者都必须仍然有效：

const fruit: Fruits = FRUITS.APPLE;

const fruit2: Fruits = 'apple';