browserify无法正常工作，未捕获的ReferenceError：require未定义

编程问答 2022-08-11

问题描述

我是node.js的新手，我一直在尝试在我的chrome扩展中使用需要的功能-但是，即使在 安装browserify， 将content.js中的模块捆绑到bundle.js中， 并尝试通过以下方式使需求成为全球性

browserify content.js --standalone Bundle > bundle.js

我还是得到

未捕获的ReferenceError：未定义require

任何帮助将不胜感激，如果这是一个愚蠢的问题哈哈哈，我真的很抱歉

解决方法

为了让它对我有用，我添加了... 

<script type="text/javascript" src="bundle.js"></script>

在我的html页面的结束正文调用之前。因此，您的html文件应类似于... 

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8"/>
        <title> clickerance </title>
        <link type="text/css" rel="stylesheet" href="style.css"/>
        <script src="bundle.js"></script>
    </head>
    <body>
      <div class="Title"></div>
        <h1> Clickerance </h1>
 
        Dairy  : <input type="checkbox" id="Dairy"><br>
        Meat   : <input type="checkbox" id="Meat"><br>
        Corn   : <input type="checkbox" id="Corn"><br>
        Gluten : <input type="checkbox" id="Gluten"><br>
 
        <p>Which ones you can't eat?</p>
 
        <input id="Submit" type="submit" value="Submit">
    <script type="text/javascript" src="bundle.js"></script>
    </body>
</html>
browserifybrowserifybrowserifyjavascriptrequirerequirerequire