es6-modules 相关问题

用于JavaScript的标准模块系统，在ECMAScript 6（2015）中引入。

为什么我在调试器中看到 bcrypt_1 而在使用 import 时看不到 bcrypt？

我在 Node.js 中使用 BCrypt，它没有找到 bcrypt，但它列出了 bcrypt_1。这里发生了什么？这是因为我使用的是 ESM 导入吗？我有：从“bcrypt”导入{bcrypt};...

node.js es6-modules bcrypt

回答 0 投票 0

如何组织多态的 ES6 模块？

我有一个应用程序，它有一堆全局范围的对象（本质上是模块，但都在窗口级别）。我试图通过使用 impo 转移到 ES6 模块来更好地组织这个......

javascript polymorphism es6-modules

回答 0 投票 0

是否可以从现有导入中导入？

这里有一些例子可以帮助解释我的问题： // 前 1，有效从“aws-sdk/clients/sns”导入{MessageAttributeMap}； // 前 2，有效从“aws-sdk”导入 * 作为 AWS； t...

typescript ecmascript-6 es6-modules

回答 1 投票 0

':'冒号在 JavaScript 的导入中做什么？

给出下面的例子。从 '@ioc:Adonis/Lucid/Database' 导入 { QueryClientContract, TransactionClientContract } 冒号的使用搞得我一头雾水，一直搞不懂进口的fi...

javascript node.js typescript es6-modules adonis.js

回答 2 投票 0

如何获取<script type="module">中的document.currentScript.ownerDocument？

如何在脚本类型=“模块”中获取ownerDocument？文本 let owner = document.currentScript.ownerDocument // 是 nu...</desc> <question vote="6"> <p>如何在脚本 type="module" 中获取 ownerDocument？</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code><template> text </template> <script type="module"> let owner = document.currentScript.ownerDocument // is null // But i need get <template> let tpl = owner.querySelector('template') </script></code></pre> </div> </div> <p></p> </question> <answer tick="true" vote="6"> <p>规范明确指出，在使用 <pre><code><script type="module"></code></pre> 时， <pre><code>document.currentScript</code></pre> 属性在执行期间设置为 <pre><code>null</code></pre>。 <a href="https://html.spec.whatwg.org/multipage/scripting.html#script-processing-model" rel="noreferrer">请参阅“执行脚本块”下的规范</a>.</p> <p>如果使用 <pre><code>src</code></pre> 属性，这当然是显而易见的。源无法知道它将被脚本标记而不是导入语句（或两者）调用。内联模块时总是有一个脚本标签，但我猜他们想让体验保持一致。</p> <p>如果您的文档实际上是 <pre><code>window.document</code></pre> 仍然可以作为全局文件使用。否则，如果您仍然希望将脚本作为模块加载，则有两种选择：</p> <ul> <li><p>不是最漂亮的；在模块上方创建一个全局并存储模板。</p> <pre><code><script type="text/javascript"> window.myTemplates = ((ns) => { const owner = window.document.currentScript.ownerDocument; ns.fancyButton = owner.querySelector("template"); return ns; })(window.myTemplates || {}); </script> <script type="module"> const tpl = window.myTemplates.fancyButton; // ... </script> </code></pre></li> <li><p>不要将模板写成 HTML 模板，而是写成 ES/JS 模板。您的编辑器可能不支持突出显示文字 HTML，标签的 linting 是一个问题。</p> <pre><code><script type="module"> const tpl = window.document.createElement("template"); tpl.innerHTML = ` <strong>example</strong> <span style="background-color: rgba(127,127,127,0.6);">text</span> `; // ... </script> </code></pre></li> </ul> </answer> <answer tick="false" vote="1"> <p>我昨天遇到了同样的问题，花了几个小时试图解决这个问题，我想我可能会使用 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import" rel="nofollow noreferrer">dynamic import</a> 有更好的解决方案。</p> <p>诀窍是创建一个不是这样的模块的加载器脚本：</p> <pre><code><script src="loader.js"></script> </code></pre> <p>在 loader.js 中：</p> <pre><code>var ownerDocument = document.currentScript.ownerDocument; import('module.js').then((module) => { module.main(ownerDocument); }); </code></pre> <p>你的模块：</p> <pre><code>function main(ownerDocument){ console.log('Hello from the module!'); console.log(ownerDocument); } export {main}; </code></pre> <p>希望对您有所帮助！</p> </answer> </body></html>

html ecmascript-6 web-component es6-modules

回答 0 投票 0

大静态常数ESM类性能对比

在浏览器扩展环境中，对于具有较大静态常量的 ESM 类，在导出的字符串内部或外部是否存在任何性能差异（或其他赞成/反对）...

es6-modules firefox-addon-webextensions chrome-extension-manifest-v3

回答 0 投票 0

无法引用 webpack 包中的函数

我是 JS 库开发的新手，我正在尝试执行以下操作使用 TypeScript 创建库使用 webpack5 创建一个包将库发布到 npm 在其他项目中使用该库...

javascript typescript bundle es6-modules webpack-5

回答 1 投票 0

Next.js - 导入 TypeScript 模块时找不到模块

这是我的代码： // 库/test2.ts 导出函数 test2() { console.log("test2"); } // 页面/index.tsx 从“下一步”导入 { GetServerSideProps }； // 有效从 &