如何查找原因 -- 错误：找不到模块答案

【问题标题】：How to Find Cause of -- Error: Cannot find module如何查找原因 -- 错误：找不到模块
【发布时间】：2015-04-08 09:28:23
【问题描述】：

我正在使用带有 browserify 的 gulp 来捆绑应用程序。虽然构建功能正常，但我不断收到以下错误消息：

Error: Cannot find module 'function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s}'

有没有人知道什么可能导致错误或如何调试它？唯一没有出现错误的情况是主 js 文件中有零个 require 语句。以下是 gulp 和 main.js 文件供参考：

gulpfile

var gulp, browserify, stringify, sass, concat, uglify, source, buffer;

gulp = require('gulp');
browserify = require('gulp-browserify');
stringify = require('stringify');
sass = require('gulp-sass');
concat = require('gulp-concat');
uglify = require('gulp-uglify');

function handleError(err) {
    console.log(err.toString());
}

gulp.task('browserify', function () {
    return gulp.src('./src/js/**/*.js', { read: false })
               .pipe(browserify({
                   transform: [stringify({
                       extensions: ['.html'],
                       minify: true
                   })]
               }))
               .on('error', handleError)
               .pipe(concat('main.js'))
               .pipe(gulp.dest('./bin/js'));
});

gulp.task('sass', function() {
    return gulp.src('./src/scss/**/*.scss')
               .pipe(sass())
               .on('error', handleError)
               .pipe(concat('main.css'))
               .pipe(gulp.dest('./bin/css'));
});

gulp.task('index', function () {
  return gulp.src('./src/index.html')
             .pipe(gulp.dest('./bin'));
});

gulp.task('default', ['browserify', 'sass', 'index']);

gulp.task('watch', function() {
  gulp.watch('./src/js/**/*.js', ['browserify']);
  gulp.watch('./src/scss/**/*.scss', ['sass']);
  gulp.watch('./src/index.html', ['index']);
  gulp.watch('./src/html/**/*.html', ['browserify']);
});

main.js

'use strict';

var $ = require('jquery'),
    ko = require('knockout'),
    greet = require('./components/greet');

window.$ = window.jQuery = $;

function AppViewModel() {
    var self = this;

    self.userName = ko.observable('');
}

ko.components.register('greet', greet);
ko.applyBindings(new AppViewModel());

【问题讨论】：

您是否在浏览器控制台中收到此错误？直接从 HTML 加载哪些 JS 文件？关闭缩小后是否仍然出现错误？
是的，错误出现在浏览器控制台中。仅从 HTML 加载了一个 JS 文件 main.js。目前没有缩小，只有串联。
你应该把它归结为一个最小的例子。从gulpfile 和main.js 中删除不需要触发错误的所有内容。发布这些和捆绑代码。

标签： javascript gulp browserify commonjs

【解决方案1】：

当您连接多个浏览器化文件时会发生这种情况。要解决这个问题，您只需在 browserify 之前进行 concat

gulp.task('browserify', function () {
    return gulp.src('./src/js/**/*.js', { read: false })
               .pipe(concat('main.js'))
               .pipe(browserify({
                   transform: [stringify({
                       extensions: ['.html'],
                       minify: true
                   })]
               }))
               .on('error', handleError)
               .pipe(gulp.dest('./bin/js'));
});

【讨论】：