问题标签 [javascript-import]

我正在使用 Babel（实际上是 Babelify）和 Google Closure Compiler。

Babel 转换以下代码行：

类似于

问题是闭包编译器不喜欢.default文字，并省略了以下警告：

警告 - 在旧版本的 JavaScript 中，不允许将关键字和保留字作为不带引号的属性名称。如果您的目标是较新版本的 JavaScript，请设置适当的 language_in 选项。出口。默认 = {

我尝试使用 babel es3 插件，例如transform-es3-member-expression-literals，但它们似乎不起作用，可能是因为有问题的代码是由另一个插件生成的。

有没有办法在不告诉 Closure Compiler 忽略此警告的情况下解决此问题？（我想要 ES3 支持）。

我有两个文件试图从彼此导入对象。如果我然后尝试访问它未定义的对象之一。

文件 1 ----------------- 从 'file2' 导入 { ob1 }

常量测试 = obj1.foo;

导出常量 obj2 = {bar: 123};

文件 2 ----------------- 从 'file1' 导入 { ob2 }

常量 test2 = obj2.bar;

导出常量 obj1 = {foo: 123};

我想将“jquery-validation”导入 ES6 类

但是当我在同一个文件中的任何地方做

我得到错误

我正准备通过 babel 使用 ES6 模块导入/导出，但在本文中遇到了这个令人困惑的声明。

它指出：

ES6 的强大功能import与方法export相结合require()，让我们可以自由地将所有客户端代码组织到模块中，同时使用新版本 JavaScript 的所有功能编写代码。

这使它听起来像 ES6 的系统并require()服务于两个不同的目的，从而使这种babel/browserify方法成为最好的方法。我的理解是他们都做同样的事情，只是有点不同。谁能帮忙解释一下？

根据这个来源和在某个项目中看到这种用法的模糊记忆，我很好奇是否有人能够做到以下几点：

如本解构分配概述所述：

ES6 中的 import 语句的行为类似于解构，但重要的是要注意它实际上并不是解构。

看起来导入的工作方式有点不同，也许人们不能指望同样的行为，但我无法验证它的状态。我想要做的是官方 ECMAScript 6/7 规范的一部分吗？

在尝试回答这个问题时，请包括（或链接）规范中澄清此问题的部分。

事实上，我得到三个 404 试图加载同一个文件，但我感兴趣的一个发生在这里，在我的index.html：

记录的错误是：

然而，有问题的文件肯定存在：

该文件夹TourOfHeroes2是 Web 应用程序的根目录。

通过使用require(./filename)，我可以在文件名中包含和执行代码，而无需在文件名本身中定义任何导出。

ES6 中的等价物是什么import？

谢谢

例如在App.js我有

当我import { store as mainStore } from './App'在另一个文件中执行此操作时，我认为它会createStore在成为mainStore. 我可以重新导入以便稍后再次运行此代码吗？对于这种情况，我确实想store在测试之间重置变量的状态。该createStore方法可以做到这一点。

我已经让 Highcharts 使用 Blaze 模板很长时间了。我正在转向进口，现在我遇到了麻烦。

图表文件模块：/app-name/imports/ui/pages/helpers/charts.js

// 注意：我在使用 Highcarts 流星包之前添加了这些导入：

我在模板中导入模块，请注意此模板上没有订阅，我正在调用 onRendered 函数中的方法：

我 npm 的 Highcharts 依赖项：

在切换到导入之前，我使用和工作的 Highcharts 流星包（我删除了这些包）：

maazalik:highcharts, maazalik:highcharts-gauge

和错误：

为了在 angualr4 项目中导入 jquery，我执行以下操作：

在 app.component.ts

运行“ng serve”时出现这些错误

我的环境细节：

其他依赖：

“导入”是加载默认的javascript文件还是必须以某种方式配置？