Stencil、外部库、require 未定义，如何解决？

【问题标题】：Stencil, external libary, require is not defined, how to fix?Stencil、外部库、require 未定义，如何解决？
【发布时间】：2021-10-13 02:01:12
【问题描述】：

我正在尝试将OpenTelemetry 库与 Stencil 一起使用。在 0.19 版本之后，他们开始使用 require() 来导入一些内部依赖项。

Stencil 不支持 require。所以应用程序在require is not defined 上失败。

我的问题是 - 是否有可能以某种方式解决问题并仍然使用该库？可以用 webpack 解决吗？

【问题讨论】：

标签： javascript webpack web-component require stenciljs

【解决方案1】：

您可以将库与import 一起使用，而不是require。

你必须寻找TypeScript的例子。

您可以像这样替换require 语句：

const { diag, DiagConsoleLogger, DiagLogLevel } = require("@opentelemetry/api");

import { diag, DiagConsoleLogger, DiagLogLevel } from "@opentelemetry/api";

【讨论】：

我认为问题在于其中一个包在内部使用require。在本地测试它并在运行时得到相同的错误（在构建期间没有）。