es6-modules相关内容
我在 TypeScript 上重写了一些 JS 代码,遇到了模块导入的问题.例如,我想编写我的 toggleVisiblity 函数.这是代码: ///import * as $ from "jquery";接口 JQuery {切换可见性():JQuery;}$.fn.extend({切换可见性:函数(){返回 this.each(function () {const $this = $(th
..
如何获取模块内的模块路径?我使用 babel 和 webpack 为浏览器创建包. 我期待 /src/someModule/index.js console.log(`someModule path is ${process.execPath}`); 在浏览器输出someModule路径是/home/user/proj/src/someModule 或 someModule
..
我正在使用一个使用 Lodash 的 webpack 4/React 应用程序学习摇树. 起初,我的 Lodash 用法是这样的: import * as _ from "lodash";_.随机的(... 我很快通过 BundleAnalyzerPlugin 了解到,整个 Lodash 都包含在开发和生产版本中 (527MB). 在谷歌搜索之后我意识到我需要使用特定的语法: 从
..
我有一个关于在 Safari 中使用 ES6 模块的问题.它让我发疯,因为它阻止我与 Safari 用户共享我的网站. 我的 Web 应用程序和即将推出的 MWE 在以下环境中运行良好: Windows:Chrome、Edge 和 Firefox,均通过 Windows 本地服务器 (WAMP) 和我的网络服务器; 移动:Chrome、Firefox(Android 和 iOS).甚
..
在模块化 JavaScript 中为全局作用域编写 Array、Number 等类的原型有什么最佳实践吗? 例如,我有一个 create-react-app 应用程序,我想找到任何将原型添加到全局范围的好方法. arrayHelpers.js Array.prototype.unique = () =>{//... 一些代码}; SomeComponent.js export d
..
我在尝试使用 ky 时遇到了这个错误Next.js 项目: 错误[ERR_REQUIRE_ESM]:必须使用import来加载ES模块:/foo/node_modules/ky/index.js 我认为问题在于 Webpack(或 Babel)正在将所有 import 转换为 require() ,但 ky 是一个纯 ES 模块. 我在使用它之前通过动态导入 ky 使其工作,但它
..
我有一个小的html文件,它调用一个javascript文件,但是当我尝试在浏览器中访问它时,出现以下错误: 在以下位置访问脚本来源中的'file:///C:/Users/jekob/Desktop/battleship/index.js'“空"已被CORS政策阻止:仅跨源请求支持协议方案:http,数据,chrome扩展名,边缘,https,不受铬限制. 我已经搜索了几个小时,发现可
..
我的webpack产品有问题,因此我试图将一个类导入另一个类并将其实例化,但是突然在控制台中出现错误,我的程序停止工作了,就是这样: 未捕获的参考错误:初始化前无法访问"__WEBPACK_DEFAULT_EXPORT__" 这是我正在尝试导入另一个类(即PopUpPlugin)的类的代码: 从'./popupPlugin.js'导入PopupPlugin;导出const addSearc
..
在给定目录中的 我的 index.js 会导出以下内容: export * from'fileOne';从'fileTwo'导出*;从'fileThree'导出*; 我想为file4中的内容命名空间,像这样: 从导出 export {默认为嘲笑}; OR 从'file4'导出{*作为模拟stuff} 我什至尝试了(以及各种组合): import *从'file4'作为
..
所以今天我正尝试读取所有默认导出从具有 index.js 的目录中.尝试将其包装在一个对象中,然后再次将其导出.有更好的方法来解决这个问题吗? 导出默认设置(()=> require('fs').readdirSync(__ dirname).filter(fileName => !!/.js $/ig.test(fileName)).map(fileName => fileName.split
..
在vue.js中.我有以下auth.js,在js文件的底部,它具有“导出默认值".如何在我的Registration.vue文件中访问“操作"? 这是我尝试过的: Registration.vue 从'src/util/auth'导入{actions;导出默认值{组件: {行动},数据(){},方法: {SubmitReg(){console.log(动作)}}} 错误:在"sr
..
我需要在我的React客户端和Express REST API之间共享一些TypeScript类型,以保持代码整洁和干燥.由于这是一个私有项目,因此我不会通过@types存储库共享这些类型,因此我一直遵循TypeScript网站上的指南,这就是结果... React客户端中的所有功能都正常运行:我已将类型安装为开发依赖项,并完美使用了它们. 在Express API中,我收到此错误,并
..
我试图按照推荐的
..
我正在尝试在我的ES6 javascript项目中使用玩笑来创建自动模拟. 我在ubuntu 18.04.5 上使用节点 v15.0.1 和jest 26.6.0 . 我有一个包含以下代码的测试文件: 从'./renderbuffer.js'导入RenderBufferjest.mock('./renderbuffer.js');beforeEach(()=> {RenderBuff
..
我正在尝试在满足路由器条件时动态导入一个类. 导入标准(非类)模块没有问题,因为它可以按预期工作: Router.on({'/:region/map':(params)=>{import("Controllers/map.js"/* webpackChunkName:"map" */).then(({{map})=> {map.initialise(params.region);});}
..
我正在使用firebase auth 包为我的ReactJS应用创建登录页面. 我已经将 auth 包导入了我的全局firebase文件中: 从'firebase/app'导入firebase;导入"firebase/firestore";导入'firebase/auth';const config = {apiKey:"xxx",authDomain:"xxx",databaseURL:
..
我正在尝试创建一个可以由Web应用程序或其他节点模块使用的npm软件包. 如果我仅支持浏览器,则只需将其分配给窗口 window.myExport = myExport; (除非有我不知道的更现代的方式?). 如果仅支持节点模块,则只使用export, module.exports = myExport; (同样,如果我不知道有更好的方法,请告诉我). 但是我都希望支持.目前,我
..
Node现在具有对导入的内置支持,这非常棒.但是这种支持要求您指定文件扩展名,这很烦人. 我敢肯定为什么有这个理由(可能与他们对 .mjs 扩展名的怪异痴迷有关),但是有什么办法可以解决它并制作 import 的工作方式像“正常"一样(您可以在其中关闭 .js )? 解决方案 我已通过 esm 包修复了此问题. 简而言之,Node组织在推出ES模块支持方面做得很糟糕,但是值得一
..
我是Vue的新手,正在尝试将组件值绑定到导出对象的属性.初始值设置正确,但是没有反应性.我不确定我使用的是正确的术语,但是相关的部分是 //Settings.js导出常量设置= {showOverlay:true} //Overlay.vue
一些东西从"../js/Settings.j
..
我正在尝试将我的package.json设置为模块来运行节点14: "type":"module", 如果我在打字稿文件上运行此命令: 节点--loader ts-node/esm.mjs --experimental-top-level-await ./src/scripts/ts-build.ts --trace-warnings --experimental-json-modules
..