问题标签 [javascript-import]

我有一个脚本可以导入很多不同的文件，如下所示：

我有自己的模块，我也想在其中导入和使用 A、B、C。目前我在“myfile.js”中有这个片段：

如果我在所有其他人之后添加导入：

我收到未定义 A、B、C 的错误。我如何使它工作？

编辑澄清：

A,B,C 存在于 import 语句之后，所以我可以像这样访问它们：

我还可以从模块内部访问全局变量，例如：

我的文件.js：

这将打印窗口宽度。

我正在寻找类似的功能来工作：

回调函数很像导入我的模块，然后调用一个函数并将 A 作为参数传递给它，我可以在没有回调的情况下做到这一点。

使用 React Native 0.63 和 Typescript 4。

我有一个带有类别的应用程序。每个类别都有一个图像，该图像与代码一起存储为资产。

我试过这个：

但是 eslint 告诉我：

对 require() 的调用应使用字符串文字（eslintimport/no-dynamic-require）

所以我这样做了：

在图像/index.ts 中：

（对不起，每次我发布有关此应用程序的内容时，我都厌倦了更改所有名称...^-^'）

在我打印类别图像的组件中：

但又一次，在：

我有：

要求语句不是导入语句的一部分。( eslint@typescript-eslint/no-var-requires )

我在我的 javascript 文件中定义了 Class ...我将该文件导入 html 页面：

我现在如何访问该 js 文件中的类？我想要这样的东西（在我的 html 文件中）：

但它不起作用（我得到 Uncaught ReferenceError: MyApp is not defined）...如果我将此 DOMContentLoaded 侦听器包含到我的 controller.js 文件的末尾，它会起作用。但是我以这种方式失去了对 app 变量的引用（我不想要）......有没有办法引用模块中定义的东西？

我想要获得该引用的最重要原因是能够从谷歌浏览器控制台访问我的应用程序对象......

谢谢！

我创建了一个简单的 Angular 库（打包并发布到公司内部的 npm 存储库）。在我的库中，我还导出了在库组件中使用的模型，例如：

然后，为了导出它们，我将它们包括在index.ts以下内容中：

现在的问题是，一旦我想在常规项目中使用任何模型（我已经安装了这个包），Visual Studio Code 会为模型建议两​​个不同的导入路径，如图所示：

问题是，如果我选择第二个选项（更长的一个），角度编译器会失败并说它无法解析我的模型（即使路径是正确的）。如果我想成功使用这个项目，我必须使用第一个链接。

现在我的问题是，我怎样才能改变index.ts文件的方式，以便只有一个导入路径（正确的）会出现在 Visual Studio 代码中供使用我的包的人使用？

我有一个大型javascript应用程序。它包括一个提供静态文件的服务器、一个由 支持nginx的手工制作nodejs的以及客户端模块，这些模块要么是没有 ui 的实用程序功能，要么是基于组件一起工作以制作 ui。api serverPM2lit-element

我开始重建我的测试环境，并成功jest用于服务器模块测试，并jest进行playwright了一些基本的端到端测试。

但是，虽然playwright我可以通过夹具来测试我的客户端实用程序模块，但我真的不明白为什么我不能只在节点环境中测试它们。我认为 node 支持exportand import，那么为什么我不能“导入”我的模块，然后只使用它作为一个开玩笑的测试脚本。

但是我遇到了第一个障碍 - 我无法导入我的第一个模块。该文档一直将我从一个非常小的解释指向另一个解释，而没有真正给出任何明确的示例来说明如何导入我的模块并对其进行测试。

有人可以提供一个简单的解释

require()JavaScript/Node.js 每次导入其他模块时是否执行相同的文件？

如果是，我怎样才能在一个文件中有一个数组并从另一个 JS 文件中追加/更新其中的值？例如，我在一个文件中有一个数组，我正在从多个文件更新数组，我希望它们都只与更新后的数组交互。我怎样才能做到这一点？

我有一个像下面这样的常量存储在文件helper.js 中

从这里我想只在另一个文件中导入 convertToSlug 函数，如下所示

怎么做？我尝试了同样的方法但出现错误

我编写了一个具有自定义 css 的 javascript 模块，这是应用程序正常运行所必需的。

这个模块是用带有 css-loader 的 webpack 构建的，编译后的 css 显示为dist/mymodule.css.

然后可以按如下方式使用该模块：

然而，要获得样式，我们还需要显式导入编译后的 css。

有没有办法让 css 作为导入模块的一部分自动导入，而不必显式添加它？

设想

作为我的原型设计过程的一部分，我想引入 tween.js，我可以使用<script>html 部分上的标签来实现，但出于各种原因，我想将这个 vanilla es5 文件直接导入到我的 es6 文件中。

我想做的是

import * as TWEEN from 'import * as TWEEN from 'https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.7.0/Tween.min.js'

虽然这似乎加载了远程文件，但我似乎没有得到诸如TWEEN.Tweenetc 之类的方法。我怀疑所有 es5 都在某种关闭真空 > 垃圾收集中被处理掉了。

问题

我意识到我可以在本地克隆这个文件，但我希望通过导入并不总是对 es6 友好的 cdn 文件来简化我的一次性样式原型设计。这可行吗？

我想在另一个组件的范围内获得投资变量......

我已经编写了下面的代码，这没问题，但是由于我已经导出了函数 InvestmentsList，我怎样才能获得这个 const 投资？如果不使用 react-redux 中的 useSelector() 怎么办？