Tag: browserify

如何使用jQuery插件与browserify？: 我已经通过npm安装了jquery-ui： npm install jquery-ui –save 我已经遇到了匀场的概念，但我相信垫片不再是必需的。我认为我的代码应该只是工作，但它不。这是我得到的： — login.js — require('jquery-ui'); require('jquery-ui/effect-shake'); module.exports = { init: function() { var elem = $(…); // some element on the page elem.effect('shake'); } }; 它被浏览并包含在我的主页面。这是如何打电话： — index.html — <head> <script src="browserified.js"></script> <script> $().ready(function() { login.init(); }); </script> 所以我.effect的问题是.effect不是一个函数。我需要这个不正确？ browserified.js：5571 Uncaught TypeError：elem.effect不是一个函数我错过了什么？

当需要openpgp时浏览扼stream圈: 当我在包含require ('openpgp')的文件上运行require ('openpgp') ，错误消息说它找不到./config模块。 testing文件： var openpgp = require ('openpgp'); 错误信息： Error: Cannot find module './config' from '/usr/lib/node_modules/openpgp/dist' at /usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:55:21 at load (/usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:69:43) at onex (/usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:92:31) at /usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:22:47 at FSReqWrap.oncomplete (fs.js:82:15) 当需要其他模块时，Browserify工作正常，而不是openpgp。 openpgp的版本是最新的（2.2.2）。这是一个openpgp构build问题吗？或者这是一个浏览器问题？

如何将一个反应原生的js文件转换为纯javascript文件？: 我想将一个类似react-native的js文件转换为普通的javascript文件，以便它可以由JavaScriptCore执行。我知道browserify可以将节点类文件转换为纯JavaScript文件。但是当我执行时： browserify script.js -o bundle.js -t [ babelify –presets [ es2015 react ] ] 它返回一个错误： Cannot find module 'ActivityIndicator' from '/home/yjy/Work/react_native/Webview/node_modules/react-native/Libraries/react-native' script.js如下所示： import React, { Component } from 'react'; import { AppRegistry, Text, } from 'react-native'; class Hello extends Component { render() { return ( <Text>HelloWorld…..</Text> ); } } 我试图将ActivityIndicator.js文件复制到这个文件夹，但它仍然报告相同的错误。我可以如何解决这个问题？更重要的是，如何反应本地解决scheme将这些模块捆绑到一个捆绑文件？ index.android.bundle文件和可执行的普通js文件有什么区别？任何build议表示赞赏！

browserify模块加载到函数中: 我有一个app.js这是我的web应用程序的主要文件。它初始化用户界面并加载不同的模块。目前这是一个包含所有代码的大文件。我想重构这个function，并将其分解为独立的模块，然后将它们与browserify捆绑在一起。 App.js也依赖于jQuery和一些模块。我已经在package.json定义了browser部分 "browser": { "jquery": "./node_modules/jquery/dist/jquery.js", "jquery-ui": "./static/js/vendor/jquery-ui-1.12.1/jquery-ui.min.js", "App": "./static/js/app.js", "myModule": "./static/js/myModule.js" } 另外我用browserify-shim来加载一些无法加载的jquery插件。对于browserify-shim我已经定义了一个configuration部分： "browserify": { "transform": [ "browserify-shim" ] }, "browserify-shim": { "jquery": "$", "jquery-ui": { "depends": [ "jquery:$" ] }, "bootstrap": { "depends": [ "jquery:$" ] }, "dropdown": { "depends": [ "jquery:$" ] }, "App": { "exports": "App", […]

如何使用Browserify和Gulp启动多页面应用程序: 好吧，我接近终点线，我用Gulp和Browserify构build了新的PHP / JS应用程序。最后一部分是如何“开机”，我的意思是如何做“第一个电话”。假设我有3个JS入口点 /js/articles.js /js/categories.js /js/comments.js 他们每个人都使用一些JS模块。然后我有3个HTML文件，需要他们的JS /articles.html /categories.html /comments.html 例如/js/articles.js var $ = require("jquery"); var common = require("../common.js"); var viewModel = { readData: function() { /* read record from API and render */ }, insert: function() { /* open a modal to insert new record */ } }; 我现在要做的就是执行这种“引导”：调用一些我需要的init函数，然后加载服务器数据，然后绑定所有的button和东西到viewModel的方法 $(document).ready(function() { […]

是否有可能在React Native中填充Node的fs.readFileSync（）？: 我想将许多为NodeJS编写的软件包移植到React Native。为此，我使用stream行的Ignite样板创build了一个RN项目，然后使用了ReactNativify方法和shim节点API对象，主要是重用现有的browserify垫片。（有关详细信息和一些有用的提示，请参阅我们可以在反应原生应用程序中使用nodejs代码吗？一些节点对象在编译后仍然被空的模拟replace，比如fs 。在.babelrc做如下： ["module-resolver", { "alias": { "fs": "./config/mock", "sodium-universal": "libsodium" // etcetera } }] 包到端口包含了一些调用fs.readFileSync的传递依赖。比如在其中的一个hypercore-protocol ，有这样一行代码： module.exports = protobuf(fs.readFileSync(path.join(__dirname, 'schema.proto'), 'utf-8')) 这是一个问题，因为Android和iOS不支持同步文件传输。这条线看起来对我来说是un-shim-able 现在，虽然存在fs 反应： react-native-level-fs，它并不实现同步文件系统方法。然后有brfs转换，如brfs ， “browserify fs.readFileSync（）静态资产inliner” （及其替代bfrs-babel和babel-plugin-static-fs ）。但我不知道如何包括他们，如果他们甚至会在RN工作？所以我看到了四种方法： find一种方法将react-native-level-fs和brfs合并成一个可用的垫片更换写一个全新的fs垫片，有所有的方法如果同步fs不可能（我认为是这样），那么以某种方式覆盖遍及调用同步方法的传递依赖关系树中的所有函数，并将其replace为本地代码库中的js代码片段如果出现的次数太多，则确定软件包无法移植到React Native 我希望1.或者3.是工作解决scheme。任何人都可以build议吗？为了完整性。我正处于人生的这个阶段： System platform linux arch […]

如何在网站上使用.ENV文件: 我做了几个node.js机器人和web应用程序，它们使用.envvariables和dotenv包来保存所有的API密钥。不过，我目前正在一个网站上使用node.js与browserify和这种方法似乎并没有工作。每当我尝试将值输出到控制台或使用代码中的值，它将返回未定义。我如何解决这个问题，或者如果.env的不在网上工作，我将如何隐藏这些值？我的.env例子 ID = B1CRL2WDIW2553 SECRET = 41445d2b99b33ede3ebce0421900b8e9 我的例子 const dotEnv = require('dotenv').config({path: './.env'}); console.log(process.env.ID); 返回语句的例子

browserify检测自定义require（）: 我想在我的应用程序中使用一个自定义的require()函数。也就是说，我有节点的标准require()和我写的一个自定义的文件，需要从rootRequire()开始的文件，它在内部完成所有工作： // rootRequire.js var path = require('path'); var rootPath = __dirname; global.rootRequire = function (modulePath) { var filepath = path.join(rootPath, modulePath); return require(filepath); }; module.exports = rootRequire; 但即使rootRequire()内部使用节点的require() ，也不会获取通过该方法所需的任何文件例： require('rootRequire.js'); rootRequire('/A.js'); // server side it works, in the browser I get an error saying can't find module A.js

浏览模块中的需求模块: 我正在尝试使用Browserify在socket.io Web客户机中启用node.js如模块。我有问题需要模块内的模块。 main.js需要client.js ，需要admin.js client.js要求path是相对于文件系统中main.js位置。 admin.js要求path相对于文件系统中的client.js位置。 browserify main.js -o client.packaged.js生成一个embedded了client.js的文件。在client.js触发事件时， admin.js是必需的。当这个事件触发时，我得到以下错误： Uncaught Error: Cannot find module '../../../modules/admin/admin.js' 我试着改变path相对于browserified束相对于client.js ，都导致上述错误，只是不同的path。我已经用–alow-file-access-from-files打开了Chrome，所以我知道这不应该成为问题的一部分。在admin.js生成的源地图中， admin.js不在任何地方，所以一定不能find它。如何正确使用模块内的相对path来使用browserify时需要其他模块？提前感谢任何帮助！编辑 – 添加源以帮助澄清 main.js //Include the client var client = require('../../base/client/client.js').client; //Start when document is ready $(function() { console.log(client); client.start(); }); client.js var client = new Object(); client.start […]

Browserify不会提出要求: 我正在用node.js构build一个web应用程序并进行expression。我想使用Browserify使我的本地模块在浏览器中可用。我的应用程序是这样构造的： ├── app.js ├── lib │ ├── controller │ │ ├── home.js │ │ └── mixer.js │ ├── model │ │ ├── command.js │ │ ├── control.js │ │ ├── room.js │ │ └── user.js │ └── view │ ├── error.jade │ ├── index.jade │ ├── input.jade │ ├── layout.jade │ └── room.jade […]