问题标签 [javascript-import]

这是我的代码

我正在寻找第一行（带有import ... as ... from）的 ES6 等价物，这样我仍然可以做foobar.useOne()，foobar.useTwo()等等，
如果有的话..

我正在努力将一些遗留代码移动到 Webpack 中（以帮助我控制我所拥有的一些依赖地狱。到目前为止一切顺利。问题来自现有代码对 Knockout 的使用。我需要一种访问视图的方法各种组件中的模型。所以我需要一些东西来保存这个视图模型。这个问题似乎为我提供了一个很好的解决方案：

将变量放入模块中。

Webpack 只评估模块一次，因此您的实例保持全局并在模块之间进行更改。因此，如果您创建类似 globals.js 的内容并导出所有全局变量的对象，那么您可以导入“./globals”并读取/写入这些全局变量。

不过，我真的不知道该怎么做。我对 webpack/ import/export语句很陌生，所以我不是最新的基础知识。我想要一个“模块”。webpack 对此有什么好说的：

什么是 webpack 模块

与 Node.js 模块相比，webpack 模块可以通过多种方式表达它们的依赖关系

什么？真的，就这？！所以我很难理解模块是什么以及我应该如何使用它？

到目前为止，我已经定义了导出的函数并导入了它们（这些是模块吗？？！）。所以我会做这样的事情：

我想我可以在创建初始视图模型时使用它：

但这显然是错误的，因为myKoModule每次我调用函数时都会实例化...并且任何试图读取它的模块都只会得到一个空白对象：

在上一个问题中，它声明“Webpack 只评估模块一次”。所以我显然错过了模块是什么以及我应该如何使用它们。

因此，鉴于我的要求，有人可以提供一个工作 Webpack“模块”的示例，它在保持、读取和写入全局变量的同时仍然允许我使用import它吗？

我显然在这里遗漏了一些基本的东西，但我无法弄清楚它是什么。

我正在使用具有原生 ES6 支持的 Chrome V61 运行。

当我这样做时出现错误：

该模块包含在 html 文件中，其中包含：

也许它与 ES6 模块不兼容，但我有机会对此进行填充吗？

完整代码：

我目前正在学习 React ，react 组件的第一行是如下所示的导入语句。

它工作正常。但是，如果我React进入{}这样的状态：

这没用。

这里发生了什么？？？

我有个问题。我用 create-react-app 制作了我的项目，这基本上是我的结构：

我的应用程序/index.js

我的导航/index.js：

问题是我可以轻松地从以下目录导入：

问题是导入Navigation按预期工作并且导入App不起作用。当我像上面那样导入 App 时'app' does not contain an export named 'App'，如果我尝试像这样导入它：

我得到一个像这样的对象{App: function(){}}，如果我像<App.App />预期的那样渲染它。唯一的区别是App类组件和Navigation功能组件。

我是 webpack 的新手，我想知道是否有办法在导入中添加动态块名称和路径。我试过这样做，但它是错误的

import(/* webpackChunkName: "${file_name}"*/ './modules/${js_path}')

或者

import(/* webpackChunkName: "'+file_name+'"*/ './modules/'+js_path+'')

仅供参考，我不能使用 [request] 作为 webpack 块名称，因为它包含文件夹名称。

我尝试搜索类似的问题，但没有成功。请帮忙。

蒂亚:)

或者也许我做错了什么？

文档指出，Node.JS 从版本 10 开始就有实验性的 ES6 模块加载器。我等了很长时间 - 加载模块是唯一阻止我在浏览器和节点中顺利使用相同代码的事情。

我的代码：

我如何启动节点：

我是如何失望的：

如果您尝试在其中运行此类文件，Visual Studio 也会挂起，而不是显示上述错误。

我正在学习 Javascript 导入，但我还不明白我们何时在从另一个 JS 文件导入项目（函数、对象、变量）时使用花括号。

使用 javascript ES6 (React)，我无法调用导入类的简单方法。

这段代码有什么问题？

类型错误：WEBPACK_IMPORTED_MODULE_1__Seed .a.test 不是函数

和

在升级我们支持的浏览器 (~40 -> ~60) 之后，我正在尝试诊断最近出现的问题

我们在一个外部（现在不受支持）库中有这个有效的代码，它位于一个 iffe 中：

现在我们确实有一个如下所示的引导类型文件：

除其他事项外applyConfig：

现在发生的情况是，ALL_ANGULAR_MODULES 的导入语句最终运行外部库中的代码，并设置本地存储。我们认为过去发生的事情是它只在angular.bootstrap运行时被调用。

现在我需要知道的是，在更高版本的 chrome 中 import 语句的功能是否发生了变化，或者它是否一直在运行这段代码而被忽视？

我所能找到的只是对Dynamic Imports的引用，以及<script></script>标签中脚本运行的顺序。