问题标签 [javascript-import]

I can't import anything in my javascript files of my website, I've tried many things but it doesn't work.

So I want to import a .json file to a .js file using the import key word but it doesn't work. Another problem is that Visual Studio Code doesn't show me an error but the console does...

main.js import part

navigationList.json file

Error the console is showing:

mainJS.js:1 Uncaught SyntaxError: Unexpected identifier

The console says there is an Uncaught SyntaxError with my import and this causing me to make my code long and without import which sucks. Please help me

我正在编写一个 TypeScript 库，它基本上是 python tensorflow-probability 包的克隆。我打算在其他项目中使用这个库，包括服务器端和浏览器。当下游项目导入 tfjs 概率代码时，我希望 tfjs 后端利用用户运行时中可用的任何资源。

是否有一种规范的方法来编写库代码，以便tensor在应该在前端使用包时从“@tensorflow/tfjs”导入，但在节点中使用时从“@tensorflow/tfjs-node”导入环境？

我应该在我的构建工具（webpack）中配置它吗？

例如。在我的 tfjs-probability 包中，我有：

我想象我会在下游项目中做这样的事情：

不知何故，我的库会足够聪明，知道是使用 tensorflowjs webgl（在浏览器中）还是 tensorflowjs-node。

有没有办法使用动态导入加载到通过 CDN 提供的浏览器 Javascript 库，例如 jQuery，例如：

上面的代码并没有使 jQuery 可用，而是产生了相当晦涩的：

感觉就像这个荒谬的简单示例，基本上遵循MDN 文档，应该做除此之外的其他事情，特别是应该下载、解析并提供脚本以履行承诺。

的网络面板DevTools指示文件本身已正确下载，内容类型为content-type: application/javascript，但没有迹象表明内容已被解释，并且如果它可用，则不清楚如何访问它。

我有一个 WebWorker，我想在其中使用另一个现有 JavaScript 文件中的函数。我尝试了不同的方法来导入 JS 文件，但到目前为止都没有奏效。有问题的文件位于另一个目录中，相关路径为“../pkg/benchmark.js”。

有谁知道如何做到这一点？

我尝试了以下方法：

方法一：

这给出了错误：

方法二：

给出错误：

方法 3： 使用 importScripts()

给出错误：

方法4： 使用动态导入：

给出错误：

由于我使用的是 npm，所以应该提到在 package.json 中我已经定义了依赖项

所以我通常不必指定相对路径，而是直接导入'基准'。这也不起作用。

方法 5： 最后，我尝试启用 chrome 标志

并宣布我的工人为

它不会在开发人员控制台中出现任何错误，但也不会运行导入的函数。

我正在尝试在不使用 npm 的情况下将 JQuery 导入到我的 Vue JS 项目中。这是我正在尝试的：

我正在将我的一个项目迁移到 TypeScript，在该项目中使用了SweetAlert2库。

导入 SweetAlert2（JS 和 CSS）的默认方式是

这适用于 TypeScript，因为库中有类型：https ://github.com/sweetalert2/sweetalert2/blob/master/sweetalert2.d.ts

但在我的项目中，导入方式是这样的：

这仅适用于 JS，没有样式。使用这种类型的导入，我收到 TS 错误：

我试图复制sweetalert2/sweetalert2.d.ts到sweetalert2/dist/sweetalert2.d.ts，但又遇到了另一个错误：

这里发生了什么以及为什么 TS 抱怨dist/sweetalert2.d.ts不是一个模块？

我有三个文件： - main.js <- 依赖项：module.js，helper.js - module.js <- 依赖项：helper.js - helper.js <- 没有依赖项

main.js 和 module.js 都是从 helper.js 导入的；并且 main.js 是从 module.js 导入的

从 module.js 导入的函数 main.js 使用来自 helper.js 的函数

当我运行 main.js 时：helper.js 会被导入两次，一次是 main.js，一次是 module.js，还是 helper.js 只会被 main.js 导入一次？

主.js：

模块.js：

helper.js：

这是我的惰性组件：

我像这样导入它：

在我的测试中，我有这样的事情：

我期望测试通过，console.log 打印出来：

但不是<Bones />我得到<lazy />并且它没有通过测试。

如何模拟导入的 Lazy React 组件，以便我的简单测试通过？

我有一个主题对象，它有许多对象和数组作为值。即，像这样：

现在，假设我想访问另一个文档中的颜色对象和断点数组。目前，我正在导入这样的主题：

我正在使用breakpoints: bp这样我就可以breakpoints在bp我的文件中使用别名。

我想知道的是是否可以在 import 语句中完成所有这些操作。即，不是导入整个theme对象，而是只导入颜色对象和断点数组。像这样的东西（这个代码不起作用，它只是为了说明这个想法）：

这可能吗？如果是这样，怎么做？

谢谢。

我正在尝试开发仅在某些系统上运行的软件包。还有一个“模拟”版本的包也存在。

我想要一个“模块”，我可以import从我的主包中自动回退到包的“模拟”版本，当主包无法导入时（因为它由于操作系统/引擎限制而没有安装，或者它失败了启动时）。

这是我到目前为止所拥有的：

这种工作但似乎会导致我的代码的其他部分出现一些导入错误/排序问题。

我怀疑从长远来看，使用importandexport会更好。也许这是一个有缺陷的假设。我仍然不是 100% 清楚import/是如何export工作的。

我试过使用“异步”import(...)功能无济于事：

我是否缺少某些export工作方式？或者也许就像你如何才能await实现一个非async函数，只要它返回一个 Promise 而我只需要它module.exports = import(...)？然而，这似乎不起作用。

最重要的是为 TypeScript 获取正确的类型信息。