如何在 main.js 中使用 require答案

【问题标题】：how to use require in main.js如何在 main.js 中使用 require
【发布时间】：2019-04-16 03:18:27
【问题描述】：

我尝试在我的 main.js 中使用 axios。我尝试从'axios'导入axios。 ...我收到导入错误。我在这里读到我应该使用 require 而不是 import。之后我尝试了

 var axios=require('axios');

但我得到了错误....require is not defined.

在那之后，我阅读了有关 browserify 的信息。我安装了它

npm install -g browserify

之后我用这段代码来捆绑它

browserify main.js -o bundle.js

然后我将此脚本添加到我的 index.html 代码中。

<script src="bundle.js"></script>

但我遇到了同样的错误

需求未定义！！我其实很困惑。谁能帮帮我！

赞赏

【问题讨论】：

我做了和你一样的事情，对我来说效果很好。正如你所做的那样，我尝试了全局 browserify 安装，以及 @Shireesha 建议的本地安装。 Browserify 包在脚本的一开始就创建了一个require 函数。您的bundle.js 是否以某种require 定义开头？（代码晦涩难懂且没有空格，因此很难发现）。我相信您的bundle.js 格式不正确。或者您在另一个脚本中使用require，该脚本在捆绑之前加载到 HTML 页面中。
感谢您的宝贵时间。 ja，它以 require 开头。我应该用 main.js 更改任何内容还是保持原样？还是一样的错误
您根本不打算手动更改捆绑文件，以便它们工作。但是，如果您在bundle.js 文件中扔一些console.log 调用，以检查错误是在bundle.js 开始之后还是之前出现，也许会有所帮助。最重要的是：您是否将更多的 javaScript 文件加载到 HTML 页面中？

【解决方案1】：

默认情况下，require() 在客户端 Javascript 中不是有效函数，主要用于服务器端 Node.js。我建议您查看require.js，因为它确实扩展了客户端以向您提供该功能。或者使用 ES6 import。

【讨论】：

【解决方案2】：

npm install axios --save-dev

会帮你解决问题

【讨论】：