Javascript 在Browserify中找不到本地相对要求的固定模块
我有一个演示NPM框架,其结构如下: /src/child.coffeeJavascript 在Browserify中找不到本地相对要求的固定模块,javascript,coffeescript,gulp,browserify,commonjs,Javascript,Coffeescript,Gulp,Browserify,Commonjs,我有一个演示NPM框架,其结构如下: /src/child.coffee module.exports = class Child Child = require "./child" module.exports = class Parent gulp = require "gulp" util = require "gulp-util" coffee = require "gulp-coffee" browserify = require "gulp-browserify" gulp.
module.exports = class Child
Child = require "./child"
module.exports = class Parent
gulp = require "gulp"
util = require "gulp-util"
coffee = require "gulp-coffee"
browserify = require "gulp-browserify"
gulp.task "build", ->
gulp.src("./src/**/*.coffee")
.pipe(coffee().on("error", util.log))
.pipe(gulp.dest("./lib/"))
/src/parent.coffee
module.exports = class Child
Child = require "./child"
module.exports = class Parent
gulp = require "gulp"
util = require "gulp-util"
coffee = require "gulp-coffee"
browserify = require "gulp-browserify"
gulp.task "build", ->
gulp.src("./src/**/*.coffee")
.pipe(coffee().on("error", util.log))
.pipe(gulp.dest("./lib/"))
/gulp.js
require('coffee-script/register');
require('./gulpfile.coffee');
/大口喝咖啡
module.exports = class Child
Child = require "./child"
module.exports = class Parent
gulp = require "gulp"
util = require "gulp-util"
coffee = require "gulp-coffee"
browserify = require "gulp-browserify"
gulp.task "build", ->
gulp.src("./src/**/*.coffee")
.pipe(coffee().on("error", util.log))
.pipe(gulp.dest("./lib/"))
如果我运行gulpbuild
,一切都会很好。但是,我试图通过在构建任务中添加以下内容来引入Browserify:
gulp.task "build", ->
gulp.src("./src/**/*.coffee")
.pipe(coffee().on("error", util.log))
.pipe(browserify())
.pipe(gulp.dest("./lib/"))
框架内的相关要求到位后,将失败:
events.js:85
投掷者;//未处理的“错误”事件
^错误:模块“/child”未从“/Users/kevin/Desktop/demo/src/fake_d1543b04.js”中找到
(/Users/kevin/Desktop/demo/node_modules/gulp browserify/node_modules/browserify/index.js:803:15)
在
/Users/kevin/Desktop/demo/node_modules/gulp browserify/node_modules/browserify/index.js:754:23
在
/Users/kevin/Desktop/demo/node_modules/gulp browserify/node_modules/browser resolve/index.js:185:24
在
/Users/kevin/Desktop/demo/node_modules/gulp browserify/node_modules/browserify/node_modules/resolve/lib/async.js:36:22
满载
(/Users/kevin/Desktop/demo/node_modules/gulp browserify/node_modules/browserify/node_modules/resolve/lib/async.js:54:43)
在
/Users/kevin/Desktop/demo/node_modules/gulp browserify/node_modules/browserify/node_modules/resolve/lib/async.js:60:22
在
/Users/kevin/Desktop/demo/node_modules/gulp browserify/node_modules/browserify/node_modules/resolve/lib/async.js:16:47
在FSReqWrap.oncomplete(fs.js:95:15)
如何在框架内正确设置relative requires,并使其与gulp和coffeescript一起工作?从
package.json
(即Lodash=require“Lodash”
)更改依赖项的require-to-be可以生成gulp。此外,从coffeescript更改为常规javascript也解决了问题。问题可能是.coffee
扩展。您需要指示browserify查找该扩展。看见我不知道你会如何使用gulp browserify,但无论如何你最好不要使用它(如果这对你来说很重要的话,它被gulp列入黑名单,而且我相信它是未维护的)。你有没有尝试过这个:导出默认类子级
?!我没有。export default
是ES6
的一部分吗?@KevinSylvestre是的,export default
是ES 2015模块语法的一部分。@KevinSylvestre同一捆绑包实际上有多个条目文件?此外,除了此处所示内容(在构建
任务中),您是否在使用/将要使用gulp?