Jest在鞋带库方面有一些问题

Question

在StencilJs中，我在组件中导入了鞋带库，如下所示：

import module from '@shoelace-style/shoelace/dist/components/card/card';
if (!customElements.get('sl-card')) customElements.define('sl-card', module);

在测试中，我得到了一个错误：

SyntaxError:无法在模块之外使用导入语句.

你知道为什么鞋带部件在开玩笑时会造成这个错误吗？

Answer 1

你需要启用ESM。Jest有实验支撑，但您需要选择它：

1. 确保通过传递transform：{}禁用代码转换，或者以其他方式配置转换器以发出ESM，而不是默认的CommonJS (CJS)。
2. 使用-实验-vm--模块执行节点，例如，节点-实验-vm-模块节点_模块/ jest /bin/jest.js或节点_OPTIONS=--实验性-vm-模块、npx、jest等。在Windows上，您可以使用交叉env来设置环境变量.
3. 除此之外，我们试图遵循节点激活"ESM模式“的逻辑(例如查看package.json或.mjs文件中的类型)，查看它们的文档以获得详细信息。
4. 如果要将其他文件扩展名(如.jsx或.ts)视为ESM，请使用extensionsToTreatAsEsm选项。