es6-module-loader相关内容
编辑:有关更多背景信息,另请参阅讨论ES 讨论. 我有三个模块A、B和C.A 和 B 从 C 模块导入默认导出,C 模块从 导入默认导出A 和 B.但是,模块 C 在模块评估期间不依赖于从 A 和 B 导入的值,仅在运行时在所有三个模块之后的某个时刻已被评估.模块 A 和 B do 依赖于在模块评估期间从 C 导入的值. 代码如下所示: //--- 模块 A从'C'导入CA类扩展C{
..
这个问题我想了很多天,我决定问问专家. 浏览器将如何处理新的导入/导出语法?我的意思是:模块会被异步加载吗?仅引用我的主文件或入口文件和浏览器将延迟加载所需模块. 也许我对这个新架构有遗漏或误解? 非常感谢! 问候. 解决方案 这是 现已标准化 并得到所有主要现代浏览器的支持. 模块会被异步加载吗? 是的,有两种选择;详情如下. 仅引用我的主文件或
..
我尝试在互联网上搜索导入模块的执行顺序.例如,假设我有以下代码: 导入“一个"导入“两个"console.log("三"); 其中one.js和two.js的定义如下: //one.js控制台日志(“一个");//二.jsconsole.log("两个"); 控制台输出是否保证: 一二三 还是未定义? 解决方案 JavaScript 模块被异步评估.但是,所有导入都会在模块主体
..
是否可以在 ES6 中从外部 url 导入 javascript 模块? 我尝试过(使用 babel-node): import mymodule from 'http://...mysite.../myscript.js';//错误:找不到模块“http://...mysite.../myscript.js" 解决方案 2018 更新:模块加载器规范现在是 ES 规范的一部分 - 您
..
我目前正在使用 MEAN Stack 编写 Web 应用程序,并尝试使用 ECMAScript 6 JavaScript 编写代码;但是,在使用导入和导出语法时,我在 Chrome 和 Firefox 中都遇到了错误.目前是否有完全支持 ECMAScript 6 的浏览器? 请注意:我不是问浏览器何时支持 ECMAScript 6.我在问哪些浏览器支持 ECMAScript 6 导入和导出语
..
我有一个名为 fooModule 的模块.在这个模块中,我导入 fooModule(本身): import * as fooModule from './fooModule';导出函数 logFoo() {控制台日志(fooModule)} 当 logFoo() 被调用时,我可以看到 fooModule 的所有导出.这是如何运作的? 解决方案 循环依赖对于声明式导入/导出没有问题.在您
..
我正在尝试移植一些我编写的使用 systemjs + Babel 的 ES6 代码. 我在移植大部分代码时没有遇到任何问题. 但是,我有一些代码需要动态加载 ES6 模块,如下所示: 函数加载(src){System.import(src).then(function() {});} src 是一个外部 ES6 模块,它也可能有依赖项(静态导入). 我怎样才能将此代码移植到
..
我似乎无法弄清楚如何从本地文件中获取 html5 视频以在 React 应用程序中呈现.从字面上看,我能够让它工作的唯一方法是这样的: 这是我尝试过的 1.直接包含路径 返回错误 模块解析失败:/path/to/file.mp4 Line 1: Unexpected token ILLEGAL您可能需要一个合适的加载器来处理这种文件类型. 2. 将这些加载器一次一个添加到 w
..
我一直在学习 Webpack 教程.在其中一节中,它给出了包含该问题一行本质的代码示例: export default class Button {/* class code here */} 在该教程的下一节中,标题为“代码拆分",上面定义的类是按需加载的,如下所示: require.ensure([], () => {const Button = require("./Component
..
我使用 webpack 路径别名来加载 ES6 模块. 例如如果我为utils定义一个别名而不是 从“../../../utils/foo"导入Foo,我可以做到 从“utils/foo"导入 Foo 问题是,一旦我开始使用别名,WebStorm 就会失去对导入的跟踪,我会收到警告并且没有自动完成功能. 有没有办法让 WebStorm 使用这样的别名? 解决方案 是的
..
我正在尝试使用 Webpack 和 Babel 来编译 ES6 资产,但收到以下错误消息: 您可能需要一个合适的加载器来处理这种文件类型.|从“反应"导入反应;|/*|从'react-dom'导入{渲染} 这是我的 Webpack 配置的样子: var path = require('path');var webpack = require('webpack');模块.出口 = {条目:'.
..
我正在使用 vue-loader 来构建我的 *.vue 单文件组件,但我在从另一个文件组件扩展单文件组件的过程中遇到问题. 如果一个组件遵循规范以 export default { [component "Foo";定义] },我认为这只是导入这个组件的问题(就像我对任何子组件一样)然后 export default Foo.extend({ [extended component def
..
我很难导入 lodash 模块.我已经使用 npm+gulp 设置了我的项目,并且一直在碰壁.我试过普通的 lodash,也试过 lodash-es. lodash npm 包:(在包根文件夹中有一个 index.js 文件) import * as _ from 'lodash'; 结果: 错误 TS2307:找不到模块“lodash". lodash-es npm 包:(在 l
..
我正在尝试在 AngularJS 1.x 应用程序中使用 TypeScript. 我的应用程序已经使用 Webpack 作为模块加载器,所以我将它配置为处理 TypeScript 编译(在将所有 *.js 源文件重命名为 *.ts 之后),我设法让它工作.所以它编译没有错误并生成我的 JavaScript 输出文件. 唯一的问题是,当我在浏览器上运行该应用程序时,它不起作用并出现此控制
..
我有一个 ES6 应用程序(带有 Babel 6.5 和 Webpack),它成功地导入了我的模块,如下所示: import $ from 'jquery'; 我想安装 https://github.com/robflaherty/riveted/blob/master/riveted.js(Google Analytics 的一个插件),但正如你所看到的,代码没有像 module.expor
..
我正在使用 ESM 加载我的模块,并以这种方式使用它们: //有关为什么需要这样做的更多信息,请参见 (https://github.com/mochajs/mocha/issues/3006)异步函数线(){等待导入(“./Sanity.spec.mjs");等待导入(“./Other.spec.mjs");跑步();}金属丝(); 我使用 nyc mocha --delay --exit
..
阅读本文章之前,我遇到了以下代码行: 从
..
使用ES6模块语法导出工厂函数并返回类Typescript的实例时,会产生以下错误: 错误TS4060:导出的函数的返回类型具有或正在使用私有名称'Paths'. 从paths.ts: //Class限制在导出之后类路径{rootDir:字符串;构造函数(rootDir:字符串){this.rootDir = rootDir;};};//工厂函数:返回路径的实例导出默认函数getPa
..
我正在尝试了解已命名的出口和默认出口.我有一个看似基本的要求,但我不知道如何设置. 我希望能够同时导入两者: //app.js从'./my-module'导入Mod从'./my-module'导入{funcA,funcB}console.log('A',Mod.funcA(),funcA());//a a aconsole.log('B',Mod.funcB(),funcB());//a
..
我使用url-loader通过将图像转换为字节来在网页中加载图像. 这是我正常的情况,效果很好: import从'react'导入React;从'../../../../images/setting/account.png'导入accountImg;const Account =(props)=>(
..