问题标签 [javascript-import]

I am trying to import an array of objects from another JS file into a Vue component and let it render a card based on the object's properties. The import is working as I've logged it in the console and its returned the array, but when I try to assign it to an already existing array it throws TypeError: Cannot set property 'products' of undefined. Also, console.log(this.products) returns nothing but also doesn't throw an error. Below is my Products.vue component

我正在尝试使用 Javascript 导入/导出来导入一个简单的变量。

测试.html

test1.js

test2.js

然而， in test1.js，myTestVar是未定义的。

ECMAScript 导入语句是： import { object } from "module";

当我尝试在 Visual Studio Code 等 IDE 中输入它时，它提供的智能感知（自动完成）很少，因为它无法预测我从哪个模块导入。

如果语句是分层排列的，那不是更好地为开发人员服务吗：

from "module" import {object};

我没有抱怨，但我试图通过按此顺序设计语句来了解 Javascript 解释器是否有任何特定的性能/处理优势？

我尝试遵循这篇文章中的建议，并尝试将 JS 模块导入与以下代码一起使用。

总之，我试图将一个类从j.js类导入到f.js类中，并在所述类的实例上调用一个函数。

我只是不断收到以下错误。所有文件都位于同一目录中。

HTML

F.js

j.js

我是反应新手（也是Javascript），在渲染App使用'create-react-app'生成的模板代码的React Component->时，我对输出产生了疑问。
这是 App.js：

应用程序.css：

index.js：

文件目录系统：

在文件App.js中，export default App;exportsApp然后被导入index.js其中用于ReactDOM.render渲染App. 我很难理解如何App.css使用/导入代码index.js？毕竟只是App被导出（默认），它没有明显地使用其中的任何 CSS 代码。我在这里遗漏或解释错误吗？
谢谢阅读。
编辑：
具体来说，我想知道 React 如何将 CSS（导入的）应用于脚本中定义的组件？

我需要在我的 javascript 页面上有一个颜色图。我将 Flask 用于服务器端（用 python 编写）。我有一个需要颜色图模块（使用“npm install colormap”安装）的 javascript 文件，用于在客户端呈现颜色图。我试图从我的 javascript 文件 index.js 中导入它

我得到了错误：

我也试过：

我得到错误要求未定义。

我该如何解决？我正在尝试将带有颜色图的 js 文件直接导入到我的 html 中（因此 javascript 文件将有参考），但我找不到应该导入的文件。

我正在构建一个 chrome 浏览器扩展，我正在尝试使用库 PapaParse 来解析一个 csv 文件。我正在使用从他们的网站下载的图书馆的本地副本。我正在尝试将库导入 JavaScript 文件（我没有在 html 文件中使用它），但这给我带来了很多麻烦。我是使用图书馆的新手，但我觉得它不应该这么复杂。我正在尝试将它导入到我的内容脚本中，但如果需要，我也可以创建一个单独的 .js 文件来使用它。我尝试了许多不同的方法来解决这个问题，并且建议我使用 import 语句将其作为模块导入。当我尝试

我收到错误“未捕获的语法错误：无法在模块外使用导入语句”。现在，通常看起来这个错误通常可以通过将 type="module" 添加到 html 文件中的脚本标记来解决。但是，我没有在 html 文件中使用它，我只想在 JavaScript 文件中使用它。由于它是 chrome 扩展，因此 JavaScript 逻辑无论如何都需要与 HTML 代码分开。

有关更多背景信息：我在 NetBeans 中工作，并且已将整个 PapaParse 文件夹下载到我的站点根 (public_html) 文件夹中。我是使用图书馆的新手，所以我可能遗漏了一些简单的东西！

我有一个带有以下代码的 TypeScript 文件：

如果我实例化 aRunner并调用run("runnerFunctionTest();")该函数正确运行，但如果我调用run("functionTest();")（它应该运行导入的函数）我得到一个错误，说functionTest未定义。

我怎样才能解决这个问题？

我尝试过的一件事是替换其中有效的代码，run但new Function('functionTest', source).(functionTest);必须添加所有这样的导入函数真的很烦人 - 其中大约有 20 个，而且这个数字只会随着时间的推移而增加。

另外，我知道调用的安全隐患eval——这是做我想做的事情的唯一方法（至少我知道），即在用户的浏览器中运行用户生成的任意 JavaScript 代码。

我不太熟悉使用导入/导出，但我正在努力学习它。现在我面临一个问题。

我有两个 JS 文件，core.js 和 index.js。每个页面都使用核心，主页上的索引。当我在 core.js 中导入 swiper 时，我假设我也可以在 index.js 中使用它，但它不起作用。我收到以下错误：

当我将导入语句从 core.js 复制并粘贴到 index.js 中时，它可以工作，但我认为这不是正确的解决方案，因为 index.js 的重复导入 + 额外文件大小。谁能帮我吗？

核心.js

index.js

我（在这个网站上）找到了一个很酷的小原型扩展功能，用于清理数字，现在想在一个库中使用它，然后我可以根据需要导入它。我看到了如何导入定义的函数而不是原型扩展。

文件：SomeLib.js

文件：SomeImporter.js

如何在另一个文件中导入“Number.prototype.round”函数？