解决 web-dev-server pixi.js "import does not provide an export named 'default'" 冲突答案

【问题标题】：Solve web-dev-server pixi.js "import does not provide an export named 'default'" conflict解决 web-dev-server pixi.js "import does not provide an export named 'default'" 冲突
【发布时间】：2021-10-16 04:39:36
【问题描述】：

我正在尝试更新我的一个旧网站，该网站使用 lit-element、pixi.js 和 webpack 在开发和构建中提供服务。新版本的 lit-element 已点亮，他们建议使用 web-dev-server 作为在本地提供代码的手段，但是当我尝试这样做时，我从 pixi.js 收到错误

https://lit.dev/docs/tools/development/（供参考）

请求的模块 './../../../es6-promise-polyfill/promise.js' 确实不提供名为“Polyfill”的导出

根据我的发现，当 pixi.js 尝试进行模块导入时，填充只是提供了一个立即调用的函数表达式

/*!
* @pixi/polyfill - v5.3.10
* Compiled Mon, 07 Jun 2021 22:37:25 UTC
*
* @pixi/polyfill is licensed under the MIT License.
* http://www.opensource.org/licenses/mit-license
*/
import { Polyfill } from 'es6-promise-polyfill';
import objectAssign from 'object-assign';

// Support for IE 9 - 11 which does not include Promises
if (!window.Promise) {
  window.Promise = Polyfill;
}

我对 lit-element 和 webpack 没有这个问题，我不确定如何正确解决这个问题。我想这是一个捆绑问题，但这真的不是我的强项。切换回 webpack 似乎会带来很多其他问题。（似乎与这个问题有关Relative references must start with either "/", "./", or "../"，但由于其中的解决方案是使用 web-dev-server 而不是 webpack，所以我在循环运行）

非常感谢您对此问题的任何建议，在此先感谢。

【问题讨论】：

你的package.json是什么样的？
请分享你的 webpack 配置。你使用巴别塔吗？如果是，请也分享您的 Babel 配置\，

标签： javascript webpack web-development-server pixi.js lit

【解决方案1】：

请尝试以下方法，它应该可以工作。如果它以前导出为default，那么它可能找不到它。进一步了解见SO here...

import { Polyfill } from 'es6-promise-polyfill';
// should be changed to below code
import Polyfill  from 'es6-promise-polyfill';

奖金：

如果你想用 web pack 来做，请查看 here... 使用 babel-polyfill

通过npm install --save "babel-polyfill"添加
然后将其作为入口点添加到您的 webpack.config.js 中：

module.exports = {
   entry: ['babel-polyfill', './app/js']
};

【讨论】：