错误: module.exports = __webpack_require__.p ....未定义模块
这个错误是webpack构建工具的一个常见错误，通常发生在打包时找不到模块或依赖项的情况下。下面是对这个错误的完善和全面的答案：
- 概念： 这个错误指示webpack在打包过程中无法找到某个模块或依赖项，导致无法正确地生成打包文件。
- 分类： 这个错误可以归类为构建工具错误或依赖项错误。构建工具错误是指webpack自身的配置或使用方式出错，依赖项错误是指项目中某个模块或库的引用出错。
- 优势： 该错误的优势在于提醒开发者在构建过程中可能存在错误或缺失的模块，帮助开发者进行排查和修复。
- 应用场景： 这个错误通常发生在使用webpack构建项目时，特别是当项目中有多个模块或依赖项时。它可能出现在开发环境中，也可能出现在生产环境中。
- 解决方法： 对于这个错误，可以采取以下几个步骤来解决：
- 检查错误信息中提到的模块或依赖项是否正确安装或导入。
- 检查webpack配置文件中的路径设置是否正确。
- 确保webpack配置文件中已正确引用需要的模块或库。
- 检查项目中是否存在拼写错误或文件路径错误。
- 确认项目依赖是否已正确安装，可以通过运行npm install或yarn命令来确保依赖项完整。
- 推荐的腾讯云相关产品和产品介绍链接地址： 对于这个错误，腾讯云并没有直接相关的产品或解决方案。然而，腾讯云的云计算产品包括云服务器、云数据库、云存储等，可以帮助开发者构建和部署应用程序，并提供高性能、高可靠性的服务。具体相关产品介绍可以参考腾讯云官网：https://cloud.tencent.com/
注意：由于要求答案中不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的一些云计算品牌商，因此无法给出直接的答案。以上推荐的是腾讯云作为云计算品牌商的一个例子，其他品牌商也有类似的云计算产品和解决方案。
相关·内容
WebPack在输出中生成的前导/*/注释是什么？它是为了标记与WebPack相关的代码，还是有更多的东西？
下面是一个简单的输出示例：
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ //
浏览 0提问于2015-12-04得票数 19
这让我快疯了。
我有一个非常简单的webpack/类型记录设置，但是由于某种原因，输出包中没有到ES5的转换溢出，并且包中没有包含模块。
更烦人的是，我有另一个项目，完全相同的设置，正确工作。
tsconfig.json
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"noImplicitAny": false,
"sourceMap"
浏览 3提问于2016-10-25得票数 1
我有个JavaScript代码，是经过webpack构建的。
bundle.js的代码如下所示：
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is i
浏览 71提问于2018-08-28得票数 0
回答已采纳
在看webpack制作的bundle.js时，我可以看到括号内的"webpackBootstrap“函数。因为它不是生命，它里面的"webpackBootstrap“函数似乎在神奇地运行。
似乎还有其他函数，括号内也有一些如何输入到第一个函数中的模块数组，但对于它是如何执行的却是模糊的。从而帮助理解"bundle.js“的执行流程。
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules =
浏览 2提问于2017-05-23得票数 3
回答已采纳
如果我运行以下代码，就会得到输出：
simple.js
线程"main“java.lang.NoSuchMethodException中的异常:没有这样的函数定义
如何使用invokeFunction?调用webpack js文件中的“定义”函数
Java main：
public static void main(String[] args) throws ScriptException, NoSuchMethodException {
ScriptEngine jsEngine = new ScriptEngineManager().getEngineByN
浏览 1提问于2016-07-27得票数 0
回答已采纳
我正在尝试使用CommonJs模块，该模块根据module和module.exports是否未定义而有条件地导出变量。我目前遇到的问题是，有时当我使用import { something } from 'themodule'时，它会给我未定义的something。在查看源代码时，我发现了以下导出条件：
if (typeof module !== 'undefined' && module.exports) {
module.exports = Prism;
}
因此，我向文件中添加了一些日志，以便通过以下方式查看是否满足条件：
conso
浏览 9提问于2022-01-01得票数 0
回答已采纳
2回答
嗯，我知道Webpack允许我们进口带有require的软件包，这就是Webpack的基础设施。
但是，在条目文件中不使用require不是没有用吗？
我有一个test.js条目：
console.log('Test');
以及输出
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/
浏览 4提问于2017-08-04得票数 17
回答已采纳
1回答
我是一个HTML/CSS/PHP/MYSQL程序员，现在正在尝试学习一些javascript。我正在通过挖掘我目前使用的webmail (开源)的代码，并试图理解它是如何工作的。我正在尝试理解页面的不同部分是如何加载的(没有页面重新加载，在PHP中就会得到)。如果我没记错的话，那就是利用了webpack。如果我没记错的话，页面的每个部分都是作为模块加载的。
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
浏览 1提问于2015-02-28得票数 18
回答已采纳
我正在尝试使用HtmlWebpackPlugin()生成index.html，但是当我尝试使用以下配置(用于缓存)时，我发现webpackManifest没有插入到页面中，并且我得到了一个"undefined“错误。下面是我的配置文件：
module.exports = function(env) {
return {
entry: {
main: './app/index.js',
vendor: ['moment','lodash','jquery'
浏览 0提问于2017-03-29得票数 2
5回答
我已经开始研究Node JS了。
这是我的档案。
index.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="app">
<h1>Hello<h1>
</div>
<script src='assets/bundle.js'></script>
</body>
</html>
app.js
var http = requ
浏览 5提问于2015-10-21得票数 27
回答已采纳
我有一个文件：myscript.js，我正在使用laravel mix将它编译成public/js/myscript.js，它是这样编译的：
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/
浏览 0提问于2017-09-29得票数 1
如何在module.exports声明中从另一个函数中调用函数？
我有MVC结构节点js项目和一个名为TestController.js的控制器。我想访问控制器中的方法，但是使用this关键字会产生以下错误：
无法调用未定义的方法getName
"use strict"
module.exports = {
myName : function(req, res, next) {
// accessing method within controller
this.getName(data);
},
getName
浏览 5提问于2015-10-12得票数 13
回答已采纳
1回答
我有两个模块：
var client = require('./handlers/client.js');
var server = require('./handlers/server.js');
server.createClient()
client.js
var client = function(){
console.log("New client");
}
exports = module.exports = client;
server.js
var server = {
createClient: funct
浏览 1提问于2014-10-04得票数 3
回答已采纳
在module.exports = testMethod ;和module.exports = { testMethod } ;之间的区别是什么?因为当我使用module.exports = testMethod ;时，它会抛出错误如下所示。错误: Route.get()需要一个回调函数，但是得到了一个未定义的对象，但是module.exports = { testMethod } ;没有问题
整个代码是
const testMethod = asyncErrorWrapper(async (req, res, next) => {
const information = req.b
浏览 1提问于2021-01-01得票数 1
var revealed = function(){
var a = [1,2,3];
function abc(){
return (a[0]*a[1])+a[2]);
}
return {
name: 'revealed',
abcfn: abc
}
module.exports = revealed;
}();
如何将CommonJS模式与显示模块模式一起使用？当我尝试执行module.exports = revealed;并试图在调用函数的某个地方包含模块时，它抛出错误消息function not
浏览 2提问于2013-01-30得票数 0
回答已采纳
我使用“TypeScript umd”传输我的-m，因为我的项目包括服务器、客户端和共享代码。但是，客户端代码在浏览器中不工作。浏览器甚至不显示任何错误，我定位的断点也没有命中，所以我不得不删除js映射。然后，我能够调试它，我发现了问题。
以下是UMD生成的代码：
(function (factory) {
if (typeof module === 'object' && typeof module.exports === 'object') {
var v = factory(require, exports); if
浏览 3提问于2016-07-18得票数 1
回答已采纳
当我试图从需要node.js的模块module1.js获取server.js中的函数module1.js时，我得到了错误：“登录未定义”。
//module1.js
module.exports = (data) => {
var login = function(data){
console.log(data)
}
exports.login = login;
};
//server.js
var test = require(__dirname + '/app/modules/module1.js')(data);
test.login
浏览 1提问于2017-04-01得票数 2
回答已采纳
我创建了webpack的示例项目，开始用以下配置使用babel，我从不同的站点尝试过，但它们似乎不适合我
这是我的webpack.config.js
const path=require('path');
const config={
entry:'./src/index.js',
output:{
path:path.resolve(__dirname,'build'),
filename:'bundle.js'
},
module: {
loa
浏览 0提问于2017-03-10得票数 2
回答已采纳
我收到了这个错误：
Uncaught TypeError:不能设置属性“esprima”的未定义在webpackUniversalModuleDefinition (esprima.js:11)在esprima.js:12
当尝试加载web应用程序时：
错误发生在这里：
(function webpackUniversalModuleDefinition(root, factory) {
/* istanbul ignore next */
if(typeof exports === 'object' && typeof module ==
浏览 7提问于2021-08-15得票数 1
回答已采纳
我的javascript文件中有下面的模块导出，这样我就可以从基于node.js的构建设置(grunt )访问它。
....
if(module && module.exports) {
module.exports = m;
}
当我在浏览器中使用同一个文件时，它会产生错误。
Uncaught ReferenceError: module is not defined const.js:49
(anonymous function)
I不使用节点作为后端。如何避免此错误？也就是说，我需要导出m，以便在构建期间(基于节点)输出require，但在
浏览 1提问于2013-07-31得票数 20
回答已采纳
这个问题并不清楚，因为bug本身并不清楚。主要的问题将是哪些可能的情况会导致空的序列化模型loder。
user.js
const db = require('../db/models');
async testFunc function(data){
return new Promise((resolve, reject)=>{
try{
let user = await db.User.findOne({where:{id:data.id}});
resolve(user)
}catch(error)
浏览 0提问于2020-06-06得票数 2
1回答
我有一个基础类(mobile.js)
class Mobile {
constructor() {
...
}
method(msg){
...
}
}
module.exports = Mobile;
然后将其导入(mobileextended.js)；
import Mobile from './mobile';
class MobilePhone extends Mobile {
method(){
super.method('hello world!');
浏览 3提问于2017-08-14得票数 0
回答已采纳
如何使用Webpack创建独立的SPA包，在用户导航我的SPA时，这些包可能会被加载，也可能不会加载？
我有一个联系人模块和一个任务模块。两者都有两个依赖项。我希望WebPack为每个在需要时(和如果)加载的包创建包。
代码在下面。问题似乎是，这些条目中的每一个都被视为应用程序入口点，在其中插入webpack引导代码也是如此。
我看过CommonsChunkPlugin的各种例子，但我找不到它的API参考/文档，而且从我可以推测的情况来看，这不是我想要的。
编辑-找到了那些文档，并在我的编辑中添加了这个插件的尝试。
电流配置
module.exports = {
entry: {
浏览 6提问于2015-07-24得票数 34
回答已采纳
我正在制作一个chrome扩展，我想使用node.js的json令牌节点模块，但是当我加载这个铬扩展时会出现一个错误。
background-script.ts
import jwt from 'jsonwebtoken';
// import * as jwt from '../node_modules/jsonwebtoken';
const token = jwt.sign({
number: 4,
securityCode: 4,
expirationDate: 1,
name: 'christian',
dniN
浏览 10提问于2020-03-24得票数 0
回答已采纳
(我用Webpack 3.8.1)
我用这个问题中所示的代码进行了回购：
我正在尝试编写一个webpack加载程序，它处理源代码的内容并生成一些值。如果源依赖于其他资源，我需要在加载器中加载它们来计算该值，因为它依赖于依赖项的值。为此，我使用this.loadModule，并在加载模块后立即访问该值。
但是，当我有依赖项时，这似乎失败了，因为它们似乎没有包含在最后的包中，从而导致了一个错误。
下面是一个重现案例的简化示例：
// webpack.config.js
const path = require('path');
module.exports = {
ent
浏览 1提问于2017-11-10得票数 1
回答已采纳
下面是我的代码：
var app = angular.module('todoApp', ['ui.router', 'ngResource', 'ui.bootstrap']);
app.config(['$stateProvider', '$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/");
浏览 2提问于2015-08-17得票数 0
// FILE A.js
let users;
class A () {
static init() {
users = 'abc';
}
static addSomething () {
return users.slice(1);
}
}
module.exports = A;
// FILE A_1.js
const A = require('./A');
A.init();
// FILE A_2.js
const A = require('./A');
A.addSomething();
当我调用A
浏览 0提问于2020-07-18得票数 0
回答已采纳
我试图在谷歌电子表格中使用ES6 (在script.google.com部分)。我是JavaScript的新手，也许这个错误很小.
28/09:当我使用Google脚本库名称(Logger)时，修改后的帖子错误，我切换到SomeClass。我期待模块，因为我的声明不是好的
我所做的：
创建webpack项目
创建了一个Logger类
创建了一个main.js，我在其中导入Logger类
WebPack从我的main.js生成一个包
我将bundle.js复制/粘贴到script.google上的捆绑文件中
我试着在script.google中运行一个测试
浏览 11提问于2015-09-28得票数 7
3回答
是否可以从web检查器控制台访问导出的模块(ES6->ES5编译)？它们是使用webpack捆绑在一起的
我正在尝试调用Session.setSessionInLocalStorage(‘测试密钥’，‘测试对象’)；
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpa
浏览 1提问于2016-04-19得票数 6
我想在模块"B“的模块"A”中使用一些代码，但我不知道怎么做。
我想做的是：
a.js
module.exports = {
hello : function(){
alert('helo world');
}
};
b.js
module.exports = {
start : function(){
alert(A.hello());
}
};
main.js
A = require("a");
B = require("b");
B.start();
但我得到的是"A未定义“。
谢谢！
浏览 1提问于2013-01-09得票数 2
回答已采纳
1回答
在阅读了这篇文章之后，我仍然迷失了方向.
据说
load回调是一个Duk磁带/C函数，它接受解析的模块ID，并且：(1)返回模块的Ecmascript源代码，如果没有源代码，返回未定义的源代码，例如，对于纯C模块，(2)可以填充module.exports本身，(3)可以替换module.exports。
但是当加载本机C模块时，
应该将什么推入值堆栈？duk_push_undefined(ctx)而不是duk_push_string(ctx, module_source)？
对其调用方的加载回调应该返回什么？return 0而不是return 1？
我试
浏览 3提问于2017-04-29得票数 1
我有一个node.js模型，如下所示：
const mongoose = require('mongoose');
const homeSchema =new mongoose.Schema({
_id : mongoose.Schema.Types.ObjectId,
name : String,
address : String,
ownername : String
});
module.exports = mongoose.model('Home', homeSchema);
我在
浏览 3提问于2019-10-27得票数 5
回答已采纳
我正在尝试在jquery移动ttps://github.com/LuisSala/emberjs中使用剩余js。
如何在ember工具中扩展定制视图。我试过这样的方法，但不起作用。
var MobileBaseView = Ember.View.extend({
attributeBindings:['data-role']
});
module.exports = MobileBaseView;
和
var MobileBaseView = require('MobileBaseView');
var PageView = MobileBaseView
浏览 1提问于2013-11-03得票数 0
当我将webpack从4更新到5时，错误仍然存在。 ERROR in Error: F:\cloud-music\public\index.html:13
module.exports = __webpack_require__.p + "static/media/javascript,__webpack_public_path__ = htmlWebpackPluginPublicPath;.93bce551.bin";
^
ReferenceError: module is not defined 但是，当我查看index.html时，没有任何module
浏览 96提问于2021-02-06得票数 0
回答已采纳
我有一个JavaScript文件，“submittedForms.js”，我在blade.php中引用它
<script type="module" src="/js/bundle/charts/submittedForms.js"></script>
在submittedForms.js中，我定义了一个名为'functionTest‘的简单函数，并定义了一个变量，它表示一个名为'submittedForms’的图表。我想在我的blade.php中同时导入这两种产品。图表变量导入并呈现为罚款！但是，当我添加函数并将导出修改
浏览 6提问于2020-01-09得票数 0
回答已采纳
我用的是Webpack 5.20.1，和。
当我导入我的资产时，我得到了一个“未定义”，而不是预期资源的URL。
webpack.config.js
module.exports = {
...
module: {
rules: [
{
test: /\.(gif|png|jpe?g|svg|xml|json)$/i,
type: 'asset/resource'
}
]
},
...
MyFile.ts
import * as Phaser from 'phaser';
浏览 3提问于2021-02-04得票数 2
// index.js
let intro = document.getElementById('intro');
let name = "Harry";
module.exports = name;
// new.js
let name = require("./index.js");
console.log(name);
我正在尝试用Node.js构建一个应用程序。当我想用module.exports导出字符串或特定数据以在new.js文件中使用它时，控制台中会记录一个错误，说明“文档未定义”。我所需要的只是将一个具有字符串的变量导
浏览 2提问于2022-09-23得票数 0
这个问题与有很大的关系。
在我的模块中，我使用以下内容：
const express = require('express'),
router = express.Router();
...
module.exports = router;
我需要访问app.js文件中的对象。有点像const routes = require(./routes/route.js)(data)。
我试过什么
在路由器对象中未定义module.exports = router(data)但不是req。
在需要它之后，在app.js中创建了一个route实例。但
浏览 2提问于2020-09-30得票数 0
回答已采纳
我正在编写一个应用程序，它使用Angular2作为前端，NodeJS作为后端。我编写了一个javascript对象，希望在前端和后端之间共享。做这件事最优雅的方法是什么？
我最初的想法是为前端编写一个.d.ts，并在javascript文件中添加一个module.exports，以便后端可能需要(‘myobject’)。
虽然这样做有效，但这会导致浏览器抛出并出现在浏览器控制台中的异常：“未定义未定义的ReferenceError:模块”。
我不想用不必要的错误信息污染我的控制台。那么，还有另一种更优雅的方法吗？
浏览 5提问于2015-12-11得票数 7
回答已采纳
我问这个主要是为了检查一下，我不确定我是在哪里犯了错，还是这从根本上不起作用。
我正在将一些Java转换为Nodejs，一个名为Site的类通过dataFunctions.getSiteInfo(id)函数从数据库填充自身。它还存储一个Page实例列表。
问题是在创建Site的实例时，dataFunctions返回为未定义。
我是否误解了类和模块在这种情况下的工作方式？这个类的实例可以访问dataFunctions模块吗？同样，Site类是否也可以引用Page类？还是我犯了其他愚蠢的错误？
Site.js
let Page = require('./Page.js');
let
浏览 0提问于2021-09-30得票数 1
有人知道如何从外部更新module.exports。
我有这样的模块，这是另一个工具Nightwatch (接受js )所需要的。我被承诺缠住了，不知道该怎么解决。因为当模块加载时，start_process是未定义的。
// local.js
module.exports = {
host: "127.0.0.1",
port: "4444",
start_process: undefined,
server_path: "./node_modules/selenium-server-standalone-jar/jar
浏览 4提问于2016-12-13得票数 1
回答已采纳
我的模块之一是外部插件(WOW效果)，它需要在index.html中初始化，才能通过以下方法正确工作：
<script>
new WOW().init();
</script>
如果我使用插件作为一个完全的外部文件-它工作。但是当我和webpack一起编译它时，它给了我一个错误：
未定义的ReferenceError: wow没有定义。
我的配置文件如下所示：
module.exports = {
entry: './modules/_entry.js',
output: {
filename: 'bundle.j
浏览 4提问于2015-10-28得票数 0
Snap对我来说是非常新的，我已经遵循了中提到的设置。(webpack设置)但我得到“未捕获的ReferenceError: eve未定义”。
因此，我最终使用"const Snap = require(imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js);“进行生产，但这不适用于单元测试。
错误来自"snap.svg.js“中的此行eve = function (name, scope) {。
浏览 15提问于2017-11-24得票数 1
我正在研究阿莫斯·Q·哈维夫( Amos Q. Haviv)的平均网络开发教科书。它进行得很好，但我在使用Express.js时遇到了一个错误，我似乎无法在网上找到答案。没有关于这本书或任何概述这个错误的评论，我也找不到任何有用的答案。我正在编写一个简单的索引页面：
本书中使用的速递版本是: 4.8.8我的最新版本是: 4.12.4
主计长：
var express = require('express');
var hasName = function(req, res, next) {
if (req.params.name) {
next
浏览 2提问于2015-05-18得票数 0
回答已采纳
const express = require("express");
const router = express.Router();
const bcrypt = require("bcrypt");
const { Users } = require("../../models/Users");
router.post("/", async (req, res) => {
const { username, password } = req.body;
bcrypt.hash(password, 10
浏览 4提问于2021-12-16得票数 1
1回答
对多模块的支持吗？
、、、
我目前在Node v6.1.0中使用Jasmine ("jasmine"："^2.4.1")
我试图在一个文件中提供和使用多个模块--但是不断收到诸如对象未定义或空等错误。
我尝试过不同的语法风格，但不能完全正确，我哪里错了？
文档是为Jasmine和RequireJs编写的，但这并没有什么帮助。
在我的模块中，我像这样导出：
function Player() {
}
Player.prototype.play = function(song) {
this.currentlyPlayingSong = song;
this.isPlaying =
浏览 1提问于2016-05-30得票数 0
所以我开始学习JavaScript。我使用的是普通的JavaScript，并且遵循了Code academy的课程。来自C#的我对模块的理解有点像C#中的名称空间。我在导出和导入它们时遇到了问题：
let Module = {
name: 'Hello'
};
export default Module;
这抛出了一个错误-‘未捕获SyntaxError:意外的令牌导出’
我还尝试了ES5 synthax：
let Module = {
name: 'Hello'
};
module.exports = Module;
这抛出了另一个错误-“未捕获模块:
浏览 4提问于2018-06-06得票数 1
如何在module.exports声明中从另一个函数中调用函数？
app.js
var bla = require('./bla.js');
console.log(bla.bar());
bla.js
module.exports = {
foo: function (req, res, next) {
return ('foo');
},
bar: function(req, res, next) {
this.foo();
}
}
我试图从函数foo中访问函数bar，我得到：
TypeError: Object #没
浏览 6提问于2012-05-05得票数 393
回答已采纳
3回答
我有以下代码：
// jira.js
var exports = module.exports = {};
module.exports = function () {
var exported = {};
..
exported.myMethod= function (bugId, done) {
..
}
..
return exported;
};
我想从同一目录中的其他文件bugs.js中使用myMthod函数：
var exports = module.exports = {};
var jira = require('./j
浏览 4提问于2015-11-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
