草庐IT

Gitee仓库导入到Github

全部标签

javascript - Flowtype——如何导出和导入类型?

我关注了https://flow.org/en/docs/install/,flow在单个文件中使用时工作正常,如下所示://@flowtypeNumberAlias=number;constn:NumberAlias="123";Flow会正确指出:5:constn:NumberAlias="123";^^^^^string.Thistypeisincompatiblewith5:constn:NumberAlias="123";^^^^^^^^^^^number当我尝试从模块A导出一个类型并将该类型导入模块B时出现问题:(moduleA.js)//@flowexporttypeNu

javascript - 引用在 JSDoc 中输入不同的文件而不导入

我在VisualStudioCode中编写JavaScript(ES6)代码并启用了VSCode的类型检查,如VSCodedocs中所述.当引用在另一个文件中定义的类型时(下例中的Track),我收到类似[js]Cannotfindname'Track'的错误在对该类型的JSDoc引用中,除非我导入它。当我导入这种类型时,我从ESLint收到一个错误:[eslint]'Track'isdefinedbutneverused。(没有未使用的变量)我不想禁用ESLint规则。有没有办法仅导入类型以在VSCode中进行类型检查?importTrackfrom"./Track";exportd

javascript - 使用 JavaScript ES6 模块导入现有库

如何使用JavaScript的ES6模块加载和运行现有库?例如,假设我需要加载一个现有的polyfill:import{poly}from"thirdParty/poly";如何运行导入的poly脚本并将其属性加载到当前命名空间而不更改源?这里有两个实际问题可以帮助阐明我要解决的问题:我有一个名为rafPolyfill.js的脚本这是window.requestAnimationFrame的polyfill。我需要将它导入全局范围并在加载后立即运行它。使用很容易做到这一点标签:它运行并将自身加载到全局范围内。如何使用ES6模块完成此操作?我有另一个名为Font.js的脚本这是字体的预加

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

我一直在思考这个问题很多天,我决定请教专家。浏览器将如何处理新的导入/导出语法?我的意思是:模块会被异步加载吗?仅引用我的主文件或入口文件,浏览器将延迟加载requiere模块。也许我对这个新架构遗漏或误解了什么?非常感谢!问候。 最佳答案 这是standardizednow并得到所有主要现代浏览器的支持。willthemodulesbeloadedasynchronously?是的,有两种选择;详情如下。Referencingonlymymainorentryfileandbrowserswilllazyloadtherequie

javascript - webpack 导入的模块不是构造函数

我创建了一个小的JS模块,我打算制作一个npm包,但目前只在GitHub上。该模块是用ES6和SCSS编写的,因此依赖于webpack和babel进行编译。为了测试它,我创建了一个具有类似设置(webpack和babel)的单独项目。在npm安装我的模块后,当尝试将它导入我的index.js时,我在Chrome开发者工具中收到以下错误:(x是我的模块名称)index.js:11UncaughtTypeError:x__WEBPACK_IMPORTED_MODULE_1___default.aisnotaconstructorateval(index.js:11)atObject../s

javascript - 使用 Gulp 导入 ES6 模块

我正在尝试将我的ES6模块导入到一个文件中,并运行Gulp来连接和缩小该文件。我遇到了ReferenceError:requireisnotdefinedatall.js(transpiled)lineno3。我已经使用gulp-babel转译了代码。我的js文件是:cart.js:classCart{constructor(){this.cart=[];this.items=items=[{id:1,name:'DoveSoap',price:39.99},{id:2,name:'AxeDeo',price:99.99}];}getItems(){returnthis.items;}

javascript - Next.js - 导入 css 文件不起作用

我正在用react、redux和next.js创建一个元素,想在js中导入CSS文件。我按照next.js/#css中的说明进行操作和next-css,但发现CSS样式不起作用。我的代码如下:pages/index.js:importReactfrom'react'import"../style.css"classIndexextendsReact.Component{render(){return(HelloWorld!);}}exportdefaultIndexnext.config.js:constwithCSS=require('@zeit/next-css')module.e

javascript - 从 'react' 导入 * 作为 React; vs 从 'react' 导入 React;

我注意到React可以这样导入:import*asReactfrom'react';...或者像这样:importReactfrom'react';第一个导入react模块中的所有内容(参见:Importanentiremodule'scontents)第二个仅导入default模块导出(参见:Importingdefaults)这两种方法似乎不同,而且根本不兼容。为什么它们都有效?请引用源代码并解释机制...我有兴趣了解它是如何工作的。更新这不是Whatisthedifferencebetweenimport*asreactfrom'react'vsimportreactfrom'r

javascript - ReactJS - 无法导入组件

我是ReactJS的新手。我正在开发一个小的单页应用程序,我只是想创建我的组件以在我的主要组件中导入。TestComponent.jsximportReactfrom'react'exportclassTestComponentextendsReact.Component{render(){return(TestComponent)}}在我的ma​​in.jsx中,我导入了这个组件调用importTestComponentfrom'./components/TestComponent.jsx'然后我尝试为特定路由调用我的组件:render((),document.getElementB

javascript - ES6 导入/导出是否需要 ".js"扩展名?

我安装了chromebeta-版本60.0.3112.24(官方构建)beta(64位)在chrome://flags/中,我启用了“实验性Web平台功能”(参见https://jakearchibald.com/2017/es-modules-in-browsers)然后我尝试了:index.js中有这样一行:export{defaultasdrawImage}from'./drawImage';这是指一个现有的文件drawImage.js我在控制台中得到的是中的错误GEThttp://localhost/bla/src/drawImage如果我更改导出并添加“.js”扩展名,它工作