问题标签 [es6-module-loader]

我已经使用 GitHub 的 Electron 构建了一个应用程序。我正在使用推荐的加载模块的方式，ES6 语法：

import os from 'os'

下载样板后，该应用程序运行正常。我已经能够background.js毫无问题地在文件中导入脚本。以下是我加载自定义模块的方式：

import { loadDb } from './assets/scripts/database.js';

clipboard.html但是，当我在 Electron 中clipboard.js打开一个新的浏览import器窗口（在这一点上，我收到一个Unexpected token import错误。

我的clipboard.html：

我的clipboard.js文件：

只是为了重新迭代，在app.html我的应用程序的主窗口中使用了相同的代码，这不会出错。

感觉就像主窗口正在初始化我的clipboard.html窗口没有的东西（也许是“汇总”？），但我的应用程序代码中没有明确的建议。

我正在使用ES6创建 AngularJS 1.x 应用程序的方法编写一个小应用程序，并在我的app.js类中有以下代码：

问题是第一行代码：

import {HomeController} from "./controllers/HomeController";

这不是语法，而只是使用'import'关键字。第二次我在 VS.NET 中看到一个警告：

可能从未分配属性或全局变量“角度”

这不是真正的罪魁祸首。在我运行应用程序的那一刻，我得到 (2) JS 错误：

意外的令牌导入

和

由于以下原因无法实例化模块 myapp：错误：[$injector:nomod] 模块“myapp”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

第二个错误确实是第一个错误的问题。该导入语句有问题。如果我删除声明，那么importAngular 应用程序会正常启动并且一切正常。

据我了解，在ES6使用 import 语句时使用模块加载是本机功能，我不需要单独的模块加载器（即require.js等）。请参阅以下内容中的（Angular 和 ES 模块）进行验证：http ://blog.thoughtram.io/angularjs/es6/2015/01/23/exploring-angular-1.3-using-es6.html

我需要注册我的 Angular 控制器。我做错了什么，我不能使用该import语句来引用外部模块？

我不确定我在这里缺少什么。我正在使用 jspm 和 es6-module-loader 开发一个项目。我有一个定义如下的模块：

我在另一个文件中导入这个模块，并像这样使用它：

当文件加载时，我收到一个错误，utils即undefined. 如果我将文件更改为此：

它工作正常。因此，默认导出语句似乎无法正常工作。会导致此问题的导入或导出语句是否存在明显错误？

我正在尝试为我的应用程序加载我称之为 Core Angular2 模块的东西。该模块正在使用 Typescript 开发。您可以将其视为 Angular.IO 网站上的相同快速入门教程。

我想要做的改变是从 2 个级别的深度加载我的模块。例如。本教程从根目录加载 Main.js 文件。我想从目录 /assets/js/core/Main.js 加载 Main.js 文件

先谢谢了！

所以我一直在尝试将CSS加载器添加到webpack.config.js中，我的代码如下所示：

当我打电话时，这是一张包含所有文件和路径的图片

它执行得很好，但如果我打电话

错误出现。我是在某处定义了错误的路径还是我写错了加载器？

我似乎无法弄清楚如何从本地文件获取 html5 视频以在反应应用程序中呈现。从字面上看，我能够让它工作的唯一方法是这样的：

这是我尝试过的

1.直接包含路径

返回错误

2.一次将这些加载器添加到 webpack 配置中

这在浏览器中吐出以下错误

3.我尝试在文件中添加一个直接的url

但仍然有错误：

4.我尝试像这个人一样在我的 webpack 配置中添加 mp4 扩展

但没有运气

5.我开始实现webpack-isomorphic-tools，但后来我不确定这是否是正确的方向，所以我暂停了它。看来这家伙是这样操作的。（见文件）

我还在加载视频文件 的加载器约定下的 webpack 文档中注意到。 这是否意味着 webpack 不会加载其他视频类型，例如？file-loader.mov, .vob, .avi, etc.

如果你想看一下代码，这里是存储库。

资源

• Webpack 文档：加载器约定
• 将 WebM 和 MP4 加载器添加到默认的 Webpack 配置
• 使用文件加载器将 mp4 视频加载到video标签中
• 无法通过文件加载器加载资源

我正在尝试创建一个全局可用的 mixin，但不会自动注入到每个组件中。即我不想要这个：Vue.mixin({...});

我根据这些说明设置了项目。这是我的项目结构。我那里也assets/js/mixins.js有包含我的 mixin 的文件。

我希望能够在我的个人 .vue 文件中执行此操作（我的许多组件都使用myMixin但不是全部）：

到目前为止，唯一的方法就是将此行添加到需要它的每个组件的顶部：

但是有没有办法做到这一点并在myMixin全球范围内提供变量？我已经尝试将它包含在其中main.js，但如果我尝试在任何子组件app.vue中使用，我仍然会收到“myMixin 未定义”错误。myMixin

还是有另一种方法来注册一个不需要我mixins.js在每个组件中输入文件路径的mixin？

我对 TypeScript 很陌生，我希望我应该能够导入我的 TS 文件，而无需指定它们是 TS 文件。

我要做

而不是我想要的正确方法是

这会导致错误表明它仅在寻找以 .js 或 .jsx 结尾的文件

我的 tsconfig.json 看起来像这样

}

我一直在思考这个问题很多天，我决定问专家。

浏览器将如何处理新的导入/导出语法？我的意思是：模块会被异步加载吗？仅引用我的主文件或入口文件和浏览器将延迟加载所需模块。

也许我错过或误解了这个新架构的一些东西？

非常感谢你！

问候。

我正在尝试了解命名和默认导出。我有一个看似基本的要求，但我不明白如何设置。

我希望能够同时导入：

当我尝试时，我得到的最接近的方法如下：

我的麻烦是我不想重新索引默认导出中的每个函数。我只想定义我的函数，然后确保它们被导出，这样我就可以使用它们。

建议？还是我必须使用import * as Mod from './my-module';？