es6-module-loader相关内容

如何修复这个 ES6 模块循环依赖?

编辑:有关更多背景信息,另请参阅讨论ES 讨论. 我有三个模块A、B和C.A 和 B 从 C 模块导入默认导出,C 模块从 导入默认导出A 和 B.但是,模块 C 在模块评估期间不依赖于从 A 和 B 导入的值,仅在运行时在所有三个模块之后的某个时刻已被评估.模块 A 和 B do 依赖于在模块评估期间从 C 导入的值. 代码如下所示: //--- 模块 A从'C'导入CA类扩展C{ ..
发布时间:2021-12-29 13:47:40 前端开发

浏览器将如何处理 ES6 导入/导出语法

这个问题我想了很多天,我决定问问专家. 浏览器将如何处理新的导入/导出语法?我的意思是:模块会被异步加载吗?仅引用我的主文件或入口文件和浏览器将延迟加载所需模块. 也许我对这个新架构有遗漏或误解? 非常感谢! 问候. 解决方案 这是 现已标准化 并得到所有主要现代浏览器的支持. 模块会被异步加载吗? 是的,有两种选择;详情如下. 仅引用我的主文件或 ..

ES6 导入的定义执行顺序是什么?

我尝试在互联网上搜索导入模块的执行顺序.例如,假设我有以下代码: 导入“一个"导入“两个"console.log("三"); 其中one.js和two.js的定义如下: //one.js控制台日志(“一个");//二.jsconsole.log("两个"); 控制台输出是否保证: 一二三 还是未定义? 解决方案 JavaScript 模块被异步评估.但是,所有导入都会在模块主体 ..

哪些浏览器支持 ECMAScript 6 的导入和导出语法?

我目前正在使用 MEAN Stack 编写 Web 应用程序,并尝试使用 ECMAScript 6 JavaScript 编写代码;但是,在使用导入和导出语法时,我在 Chrome 和 Firefox 中都遇到了错误.目前是否有完全支持 ECMAScript 6 的浏览器? 请注意:我不是问浏览器何时支持 ECMAScript 6.我在问哪些浏览器支持 ECMAScript 6 导入和导出语 ..

es6 模块如何导入自身?

我有一个名为 fooModule 的模块.在这个模块中,我导入 fooModule(本身): import * as fooModule from './fooModule';导出函数 logFoo() {控制台日志(fooModule)} 当 logFoo() 被调用时,我可以看到 fooModule 的所有导出.这是如何运作的? 解决方案 循环依赖对于声明式导入/导出没有问题.在您 ..
发布时间:2021-12-18 18:36:06 前端开发

使用 webpack 动态 System.import?

我正在尝试移植一些我编写的使用 systemjs + Babel 的 ES6 代码. 我在移植大部分代码时没有遇到任何问题. 但是,我有一些代码需要动态加载 ES6 模块,如下所示: 函数加载(src){System.import(src).then(function() {});} src 是一个外部 ES6 模块,它也可能有依赖项(静态导入). 我怎样才能将此代码移植到 ..
发布时间:2021-12-18 18:16:15 其他开发

如何使用 webpack 在 React 中加载本地视频?

我似乎无法弄清楚如何从本地文件中获取 html5 视频以在 React 应用程序中呈现.从字面上看,我能够让它工作的唯一方法是这样的: 这是我尝试过的 1.直接包含路径 返回错误 模块解析失败:/path/to/file.mp4 Line 1: Unexpected token ILLEGAL您可能需要一个合适的加载器来处理这种文件类型. 2. 将这些加载器一次一个添加到 w ..
发布时间:2021-12-18 18:15:20 其他开发

如何正确使用ES6“导出默认值"使用 CommonJS“需要"?

我一直在学习 Webpack 教程.在其中一节中,它给出了包含该问题一行本质的代码示例: export default class Button {/* class code here */} 在该教程的下一节中,标题为“代码拆分",上面定义的类是按需加载的,如下所示: require.ensure([], () => {const Button = require("./Component ..

WebStorm 中导入的路径别名

我使用 webpack 路径别名来加载 ES6 模块. 例如如果我为utils定义一个别名而不是 从“../../../utils/foo"导入Foo,我可以做到 从“utils/foo"导入 Foo 问题是,一旦我开始使用别名,WebStorm 就会失去对导入的跟踪,我会收到警告并且没有自动完成功能. 有没有办法让 WebStorm 使用这样的别名? 解决方案 是的 ..
发布时间:2021-12-18 17:46:37 前端开发

“您可能需要一个合适的加载程序来处理这种文件类型"使用 Webpack 和 Babel

我正在尝试使用 Webpack 和 Babel 来编译 ES6 资产,但收到以下错误消息: 您可能需要一个合适的加载器来处理这种文件类型.|从“反应"导入反应;|/*|从'react-dom'导入{渲染} 这是我的 Webpack 配置的样子: var path = require('path');var webpack = require('webpack');模块.出口 = {条目:'. ..
发布时间:2021-12-18 17:34:54 前端开发

如何在单文件组件中扩展另一个 VueJS 组件?(ES6 vue-loader)

我正在使用 vue-loader 来构建我的 *.vue 单文件组件,但我在从另一个文件组件扩展单文件组件的过程中遇到问题. 如果一个组件遵循规范以 export default { [component "Foo";定义] },我认为这只是导入这个组件的问题(就像我对任何子组件一样)然后 export default Foo.extend({ [extended component def ..
发布时间:2021-12-08 21:57:30 前端开发

AngularJS + TypeScript:未捕获的类型错误:无法读取未定义的属性“模块"

我正在尝试在 AngularJS 1.x 应用程序中使用 TypeScript. 我的应用程序已经使用 Webpack 作为模块加载器,所以我将它配置为处理 TypeScript 编译(在将所有 *.js 源文件重命名为 *.ts 之后),我设法让它工作.所以它编译没有错误并生成我的 JavaScript 输出文件. 唯一的问题是,当我在浏览器上运行该应用程序时,它不起作用并出现此控制 ..

打字稿阻止节点/模块出厂模式:错误TS4060

使用ES6模块语法导出工厂函数并返回类Typescript的实例时,会产生以下错误: 错误TS4060:导出的函数的返回类型具有或正在使用私有名称'Paths'. 从paths.ts: //Class限制在导出之后类路径{rootDir:字符串;构造函数(rootDir:字符串){this.rootDir = rootDir;};};//工厂函数:返回路径的实例导出默认函数getPa ..
发布时间:2021-05-03 19:58:13 其他开发

ES6默认和命名导出

我正在尝试了解已命名的出口和默认出口.我有一个看似基本的要求,但我不知道如何设置. 我希望能够同时导入两者: //app.js从'./my-module'导入Mod从'./my-module'导入{funcA,funcB}console.log('A',Mod.funcA(),funcA());//a a aconsole.log('B',Mod.funcB(),funcB());//a ..
发布时间:2021-05-03 19:57:56 前端开发