jjzjj

module-pattern

全部标签

javascript - 网页包 2 : cannot resolve module

我有这样一个项目:root/webpack-config.jsapp/app.jsjs/dep.jscore/module.js这是webpack配置文件:module.exports={entry:'./app/app.js',output:{path:__dirname,filename:"[name]-bundle.js"},module:{loaders:[{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/}]},resolve:{modulesDirectories:['core']}...在app.js中,我

object - 编写一个 javascript 库

我想写一个JS库,然后这样处理:varc1=Module.Class();c1.init();varc1=Module.Class();c2.init();当然,c1和c2不能共享相同的变量。我想我知道如何处理对象,它是:varModule={Class={init=function(){...}}}但问题是如果我这样写,我不能有多个Class实例。所以我试图通过功能实现相同的目标,但我认为我做的不对。(function(){varModule;window.Module=Module={};functionClass(i){//Howcan"this"refertoClassinst

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - jshint 错误 : Cannot find module 'underscore'

我的grunt任务似乎运行得非常好,但每次运行它时我都会收到此错误:Loading"jshint.js"tasks...ERROR>>Error:Cannotfindmodule'underscore'有什么办法可以找出为什么会这样吗?我可以看到/grunt-contrib-jshint目录位于/node_modules目录中。有什么原因找不到underscore模块吗?我试过运行npminstall但在运行grunt时我仍然遇到同样的错误。有什么想法吗?感谢您的帮助。 最佳答案 当您遇到找不到模块x错误时,有时可能会有所帮助的一件

javascript - 错误 : $injector:modulerr Module Error with ui-router

我不知道是什么问题div#wrapper(ng-app="adminApp")....js/varadminApp=angular.module('adminApp',['ui-router']);如果我用varadminApp=angular.module('adminApp',[]);错误消失这是为什么?更新:从控制台添加图片 最佳答案 模块名称是ui-router但你需要注入(inject)ui.router而不是ui-routervaradminApp=angular.module('adminApp',['ui.route

javascript - ng-pattern 给出 "Lexer Error"?

作为输入元素的一个属性,我有:ng-pattern="^\d{5}(?:[-\s]\d{4})?$"这个表达式有什么问题?我收到这个错误:LexerError:Unexpectednextcharacteratcolumns0-0[^]inexpression[^\d{5}(?:[-\s]\d{4})?$]. 最佳答案 尝试在^之前和$符号之后添加/。例如ng-pattern="/^\d{5}(?:[-\s]\d{4})?$/"希望对您有所帮助! 关于javascript-ng-patt

javascript - 使用这种 JavaScript 编码模式来定义构造函数有什么好处?

我倾向于按以下方式编写对象构造函数:functionPerson(name){this.name=name;}Person.prototype.greet=function(){alert("Hello!Mynameis"+this.name+".");};我注意到一些JavaScript库和框架添加了一些额外的代码,如下所示:varPerson=(function(){functionPerson(name){this.name=name;}Person.prototype.greet=function(){alert("Hello!Mynameis"+this.name+".");

javascript - "classic"和 "module"Web Worker 有什么区别?

我正在学习JavaScriptWebWorkerAPI,使用MozillaDeveloperNetwork(MDN)文档作为主要来源。Thedocumentationsuggests新Worker的构造函数接受type参数。根据同一文档,此type参数可以接受classic或module的值。不幸的是,文档没有描述classic和module之间的区别。我什么时候想使用classic与module以及两种“类型”的Worker之间有哪些行为差异? 最佳答案 module类型的用途与type="module"attributedoes

javascript - Jest : Mock ES6 Module with both default and named export

我有一个带有默认导出和命名导出的ES6模块:/**/src/dependency.js**/exportfunctionutilityFunction(){returnfalse;}exportdefaultfunctionmainFunction(){return'foo';}它被第二个ES6模块使用:/**/src/myModule.js**/importmainFunction,{utilityFunction}from'./dependency';//EDIT:Fixedsyntaxerrorincodesample//exportdefaultmyModule(){expor

javascript - 为什么我们在使用 babel-loader 时要排除 node_modules?

网站上问的大多数问题是如何排除node_modules但相反,我想知道为什么我们要排除node_modules?module.exports={mode:'production',entry:'./src/index.js',output:{path:path.join(__dirname,'dist'),filename:'app.bundle.js'},module:{rules:[{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/,options:{presets:['@babel/preset-env']}}]}