Webpack:未捕获ReferenceError:未定义vendor_bd98b4ed288c6b156cc9
Webpack是一个现代化的静态模块打包工具，它主要用于将前端项目中的各种资源（如JavaScript、CSS、图片等）进行打包和优化，以便在浏览器中加载和运行。
ReferenceError是JavaScript中的一个错误类型，表示引用了一个未定义的变量或函数。当Webpack在打包过程中遇到未定义的变量或函数时，会抛出这个错误。
vendor_bd98b4ed288c6b156cc9是一个未定义的变量或函数名，具体原因可能是在代码中引用了一个不存在的模块或库。
为了解决这个错误，可以采取以下几个步骤：
- 检查代码中是否正确引入了相关的模块或库。确保引入的模块或库的路径和名称是正确的。
- 检查代码中是否存在拼写错误或语法错误。在JavaScript中，拼写错误或语法错误可能导致变量或函数无法正确定义。
- 确保相关的模块或库已经正确安装并且可以被Webpack正确识别。可以通过检查package.json文件中的依赖项来确认相关的模块或库是否已经正确安装。
- 如果使用了第三方库或框架，可以尝试更新到最新版本，以确保解决了可能存在的bug或错误。
在腾讯云的生态系统中，可以使用腾讯云的云开发服务来进行前端项目的部署和管理。云开发提供了一整套的前端开发工具和服务，包括静态网站托管、云函数、数据库、存储等，可以帮助开发者快速搭建和部署前端项目。
腾讯云云开发产品介绍链接：https://cloud.tencent.com/product/tcb
总结：Webpack是一个静态模块打包工具，用于将前端项目中的各种资源进行打包和优化。ReferenceError是JavaScript中的一个错误类型，表示引用了一个未定义的变量或函数。解决这个错误可以检查代码中的引入、拼写和语法错误，确保相关模块或库已正确安装，并尝试更新第三方库或框架。在腾讯云的生态系统中，可以使用云开发服务来进行前端项目的部署和管理。
相关·内容
我使用的是webpack，不能包含Angular Material DateTimePicker。我收到错误bundle.js:50702未捕获ReferenceError:未定义moment
module.exports = angular.module("app.main"，[ .....require('angular-material-datetimepicker')，....
浏览 5提问于2016-08-17得票数 0
我正在尝试使用Webpack/Encore在我的项目中添加烤面包库，但我无法使它工作。
我正在使用Yarn管理节点_模块/中的库
在我的app.js中，我有：
$(() =>
{
toastr.info("test");
});
我试过
app.js中的简单导入就在我的代码之前
进口“烤面包”；
未定义的ReferenceError:吐司未定义
我在谷歌搜索我的问题时发现的另一个导入
从‘toastr’导入* as toastr；导入'../../node_modules/toastr/build/toastr.min.css
浏览 1提问于2019-05-31得票数 0
我已经在Symfony 4中安装了一个VueJs项目，但是当我遇到与等待和异步(未定义的ReferenceError: regeneratorRuntime未定义)的错误时，我感到意外。
我为webpack找到了很多信息，却找不到webpack安可。
webpack的webpack.config.js配置是什么(Symfony 4)？
浏览 1提问于2018-04-27得票数 2
回答已采纳
MQTT插件：我使用
npm安装mqtt -保存
而且，我还做了下面的Browserify
1.npm安装-g浏览器//安装浏览器2.cd节点_模块/mqtt 3.npm安装。//安装开发依赖项4.在客户端应用程序中浏览mqtt.js -s mqtt > browserMqtt.js // require mqtt
Webpack
1.npm安装-g webpack //安装webpack 2.cd节点_模块/mqtt 3.npm安装。// install依赖项4.webpack mqtt.js ./browserMqtt.js -输出-库mqtt
我在我的.ht
浏览 5提问于2018-01-15得票数 0
回答已采纳
我觉得网上应该有个直截了当的例子。不幸的是，我没能找到一个。简而言之，我是通过纱进口Bootstrap 4的。Bootstrap 4的依赖项之一是jQuery。这两个依赖项将在我的应用程序中的所有页面上使用。出于这个原因，我想通过Webpack把它们捆绑在一起。目前，我有以下几点：
app.js
// Import jQuery
const $ = require('jquery');
// Import Bootstrap
require('bootstrap/dist/css/bootstrap.min.css');
然后，在我的webpack.confi
浏览 0提问于2017-10-12得票数 3
在控制台未指定的ReferenceError中获取错误:在将webpack 4升级到webpack 5之后未定义参数。此参数正在退出功能。
浏览 2提问于2021-10-06得票数 1
1回答
我和webpack一起使用，但是页面总是显示如下：
未明错误:定义不能间接使用
此外，我还尝试在我的module.noParses中添加webpack.config.js配置，如下所示：
noParse: /jimp/
但它将解决其他错误：
未定义未定义的ReferenceError:要求
只是如此的迷茫，没有真正的问题在哪里，也许jimp不是和webpack不相容吗？
谢谢你的进阶。
浏览 4提问于2016-02-20得票数 0
我使用webpack 4作为js，bundling.jquery是在files.But内工作，而不是在html file.It中工作，如下所示
未定义的ReferenceError：$未定义
webpack.config.js
plugins: [
new ExtractTextPlugin({filename:'css/app.bundle.css'}),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jq
浏览 0提问于2018-10-25得票数 1
我向npm包发布了一个react组件，我添加了Webpack、babel、linting，并对其进行了测试，首先Webpack成功构建，测试运行成功，但随后我添加了linting并删除了node_modules文件夹，然后再使用npm重新安装来验证一切，在测试中断时，最初我没有发现我通过npm安装玩笑修复的错误，之后得到了“ReferenceError:它是未定义的”，由导入{ describe，expect，it }从“@ jest /globals”中修正；，现在获取“ReferenceError: document未定义”，尝试了多种解决方案，如设置"testEnvironmen
浏览 3提问于2020-06-18得票数 2
回答已采纳
外部"url":1未定义的ReferenceError: ReferenceError: Object.url (外部"url":1)位于对象的Object.url(引导程序:83)。(客户:6)在Object../node_modules/webpack-dev-server/client/index.js? (vendor.js:219506) at webpack_require (引导代码:83) at Object.0 (main.ts:25) at webpack_require (引导:83) at checkDeferredModules (引导
浏览 1提问于2019-09-05得票数 0
我的代码中有以下几行：
var Y = 1;
var Z = X || Y;
其中，在某些情况下，-X未定义，而Y保持一个值。
尽管我发誓我之前以为它是有效的..
我突然得到“未捕获的ReferenceError: X未定义”。
||运算符不就是为了支持这种情况吗？
它似乎确实适用于：
var X = X || 1;
当X以前从未定义过的时候..
这是由某种JS解析限制造成的吗？我很好奇地想知道。
谢谢
浏览 1提问于2015-04-14得票数 0
我正在尝试从parcel切换到Webpack (4.42.1)，但当我执行npm start或npm run build时出现错误 "ReferenceError:未定义文档“ 我已经从我的项目中剪切了一个演示应用程序，其webpack.config.js与演示应用程序位于此处的webpack.config.js完全相同：https://github.com/vbogretsov/webpack-please-help 附言:globalObject的诀窍：“这个”没有用。 最初的错误是localStorage未定义，当我尝试使用window.localStorage时，错误是“窗口
浏览 7提问于2020-03-26得票数 0
我需要在Vue.js组件中包含一个来自外部JS文件的函数。我引用了来了解如何在webpack配置中加载外部文件。我目前的设置如下：
webpack.dev.conf.js
const HtmlWebpackExternalsPlugin = require('html-webpack-externals-plugin')
[...]
new HtmlWebpackExternalsPlugin({
externals: [{
module: 'iframeresize',
entry: 'https://[...]/iframeR
浏览 0提问于2018-02-22得票数 1
回答已采纳
我正在执行角项目的单元测试，但是我得到了错误。
“未捕获的ReferenceError:区域未定义”
在茉莉花和卡玛。目前我使用的是角度6。
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-
浏览 0提问于2019-08-27得票数 4
1回答
带有原型的Java脚本错误
、、、、
我收到js错误，如下从我的magento project.MY项目url是。我认为这是protype js.i尝试js的错误，但没有用。
错误：
Uncaught：(中间值)不是函数www.bigzaar.com/:1未定义的ReferenceError: jQuery未定义www.bigzaar.com/:93未定义的ReferenceError: jQuery未定义www.bigzaar.com/:151未定义ReferenceError: jQuery未定义www.bigzaar.com/:157 Uncaught ReferenceError: jQuery未定义www.bigzaa
浏览 0提问于2015-05-09得票数 2
如何将我的dll.bundle.js注入index.html文件？
在铬控制台中，它抛出一个错误：
未定义的webpack_require(...) ReferenceError：and未定义TypeError: TypeError不是函数错误。
这是因为我的Dll没有注入到index.html文件
我不想使用express或节点服务器来承载我的静态文件。我只想使用webpack-dev-server。我怎样才能用Dll包做到这一点呢？
浏览 2提问于2016-10-27得票数 2
1回答
我试图使用Webpack的DefinePlugin将一些与环境相关的变量传递到我的反应性组件中。客户端部分工作出色，服务器端部分返回“MYVARIABLE未定义”。
我在使用Webpack的Node.JS api。重要的部分在下面。我做错了什么吗？谢谢
webpack.config.js
...
webpackConfig.plugins = [
new webpack.DefinePlugin({
MYVARIABLE: 'test-value'
})
]
...
server.js
...
import webpack from 'webpack&#
浏览 3提问于2016-06-24得票数 1
回答已采纳
我有一个正在使用Webpack的项目，我正在尝试使用jQuery的自动完成功能。但是，每当我使用‘import’jQuery /ui/widget/autocomplete‘将jQuery导入到我的app.js文件中时，它就会破坏jQuery并得到错误：
未定义ReferenceError：$未定义.
浏览 2提问于2021-04-18得票数 0
8回答
我使用的圆点网核心与角4和webpack配置。
当我试图在组件或服务中获取窗口或文档时，我会得到以下错误：
ReferenceError:文档未定义
ReferenceError:未定义窗口
以下是我所犯的错误：
Microsoft.AspNetCore.NodeServices[0]
ERROR { ReferenceError: window is not defined
at _window (C:\gitRepose\AngularCore\FM\FMWebApp\FootballWebApp\ClientApp\dist\main-serv
浏览 3提问于2017-09-21得票数 16
app.js回显脚本：
Echo:join('chatroom')
.listen('MessagePosted', (e) => {
this.messages.push({
message: e.message.message,
user: e.user
});
});
获取以下错误：
app.js:37859 Vue警告:创建钩子中的错误：“未定义ReferenceError:
浏览 3提问于2017-07-07得票数 0
Webpack自己工作得很好，但是webpack-dev服务器却不行。基本上，webpack为我创建了两个构建文件，一个后端包和一个前端包.因此，我有一个webpack-config.js为每个这些。我想用webpack-dev服务器开发我的前端代码，您可以从我的webpack-config文件中看到下面的前端-bundle.js。当我运行web-pack-dev服务器时，它能够找到并构建我的前端end.js和index.html，但是控制台中没有呈现，它给了我一个“未定义的ReferenceError: ReferenceError未定义”。
// var nodeExternals = r
浏览 5提问于2016-09-12得票数 12
尽管与webpack一起使用jquery有很多问题，但我还是想不出如何包含依赖于jquery的JS文件，并实现与脚本标记相同的效果。在github或Stack溢出上提到的每一种方法都没有详细解释，也没有对我起作用。另外，我没有webpack的经验。
我发现这些问题听起来很接近我，但他们没有具体回答这个问题： & & 。这些问题没有为实现这一结果提供步骤。
概述：我正在使用这个。我已经用需要(非模块) JS文件的代码替换了nav-html文件。文件中的代码不导出任何内容，应该在全局运行。
在进行任何更改之前，请参阅此中的基本模板。
方法1:在webpack.config.ven
浏览 5提问于2017-06-21得票数 0
碱基
我想在webpack.dev.js & webpack.prod.js中使用diffrent html模板
webpack.common.js
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
app: './src/index.js',
},
plugins: [
new HtmlWebpack
浏览 2提问于2021-10-26得票数 1
回答已采纳
1回答
和webpack一起尝试使用物质化。我想要做的是只导入所需的模块，而不是所有的js。加载完整的js如预期的那样工作。但是如果我只想使用一个模态，我就不知道该怎么做。我试过了 import 'materialize-css/js/modal.js'; 结果:未捕获ReferenceError:未定义现金，然后我尝试： import 'materialize-css/js/cash.js';
import 'materialize-css/js/component.js';
import 'materialize-
浏览 21提问于2019-03-15得票数 0
回答已采纳
我是webpack的新手，我试图打包我编写的两个javascript文件和jquery的源代码。
为此，我编写了webpack.config.js：
var webpack = require('webpack');
module.exports = {
entry: __dirname + '\\js\\root.js',
output: {
path: __dirname + '\\bin',
filename: 'app.bundle.min.js'
},
m
浏览 2提问于2017-08-30得票数 0
2回答
我使用webpack(使用ES5到ES6 transpile)并试图构建bundle.js。但我在Chrome中得到一条错误消息: index.js:3未定义ReferenceError:网格未定义
我的入口点(index.js)：
require('./Grid');
new Grid();
我的class(Grid.js)
export class Grid
{
constructor()
{
alert('Hello World');
}
}
Webpack配置
var debug = process.env.NOD
浏览 3提问于2016-08-11得票数 1
回答已采纳
1回答
我正试着让业力运行我的测试。我的堆栈是：
Webpack
因果报应
打字本
摩卡咖啡
当我运行我的测试时，我会得到以下错误：
未定义未定义的ReferenceError:要求
这是从core-js抛出的(我将它添加到我的业力配置文件中以修复另一个错误)。
据我所知，如果我使用webpack，我不应该需要RequireJs。
，我是不是错过了什么？为什么没有找到require ？
如果与此相关，下面是指向我的配置文件的链接：、、
浏览 1提问于2016-04-22得票数 0
我把jQuery添加到Webpack身上，这似乎奏效了。
我试图添加一个名为"Swiper“的JS库，但我不知道如何包含它。
以下是我所做的：
yarn add swiper (成功)
environment.js：
const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$:
浏览 3提问于2020-07-05得票数 2
回答已采纳
下午好，我有点小问题。我在JS上创建这个函数来创建一个搜索过滤器。这是过滤器的JS代码。抱歉，代码是西班牙语的。
function FiltrarOperador() {
var filtro = $("#txtFiltroOperador").val().toUpperCase();
if (filtro == "") {
LlenarCombo({ Combo: "cboOperador", Resultado: Operadores_lst, CampoId: "idOperador", CampoValor: &#
浏览 0提问于2017-10-27得票数 0
2回答
代码
这是我的webpack.babel.js
条目部分：
entry: {
vendor: [
"react",
"react-dom"
]
}
// 自动获取路径(主动获取写的逻辑代码)
let files = glob.sync('./src/**/index.js'),
newEntries = files.reduce(function (memo , file) {
let name = /.*\/(.*?)\/index\.js/.exec(file)[1];
浏览 9提问于2016-06-18得票数 10
1回答
我正在为特定的文件扩展名编写webpack加载程序，我想在DOM中添加一个自定义导入
module.exports = function(source) {
...
document.appendChild(myImport)
return `export default 'hello'`;
}
但是DOM无法访问
ReferenceError:文档未定义
有办法从我的加载程序中访问DOM吗？
我的webpack配置是：
const path = require('path')
module.exports = {
.
浏览 0提问于2018-11-09得票数 1
回答已采纳
1回答
我正试图在ES5中使用ag-grid-vue (没有webpack/babel等)。我得到以下错误：
未定义的ReferenceError:导出未在agGridVue.js:3中定义
ag-grid-vue是否适用于纯javascript，还是需要一个转换程序？
浏览 2提问于2017-04-19得票数 2
回答已采纳
1回答
经过几个小时的挖掘，我不认为这个问题是重复的。
我正在使用Webpack的一个项目中包括d3。我遵循了“导入*作为d3从' d3 '”的推荐技术，但出于某种原因，我得到了“未定义的ReferenceError: d3是未定义的”。当我查看输出的包文件时，我看到它导入了所有的d3模块，但是由于某种原因，主d3.js文件并不在其中。有什么线索吗？
这是运行在Chrome。当我在控制台中输入" d3“或"window.d3”时，它会返回“未定义的ReferenceError: d3”。
package.json
"dependencies": {
浏览 3提问于2021-10-22得票数 0
回答已采纳
1回答
我使用webpack的代码
var webpack = require("webpack");
module.exports = [
{
name: 'libs',
entry: [
'js/jstz.js',
'js/jstz_min.js'
],
output:{
filename: "libs.js"
},
resolve: {
alias: {
jstz_min: 'jstz_min
浏览 4提问于2016-03-21得票数 0
回答已采纳
遵循Github ()，我编译的源代码。
在dev server (localhost:8080)上运行时，出现javascript错误，如下所示：
translation.js:26 Uncaught ReferenceError: $ is not defined
at new Translation (translation.js:26)
at Module../modules/translation/translation.js (translation.js:59)
at __webpack_require__ (bootstrap:19)
at Mo
浏览 2提问于2019-07-25得票数 1
在浏览论坛后，我再次确认使用适当的进口产品如下所述：
import React from 'react';
import ReactDOM from 'react-dom';
还尝试从webpack.config.js中删除以下行
externals: [
{
react: 'React',},
],
但在运行jest测试用例时仍会收到以下错误
ReferenceError:未定义React
浏览 0提问于2018-02-21得票数 1
1回答
问题在于webpack，下面是配置文件：
var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var nodeExternals = require('webpack-node-externals');
module.exports = {
devtool: 'source-map',
target:
浏览 2提问于2016-08-23得票数 0
下面是我的webpack.config.js。在浏览器开发工具中，未定义“未定义的ReferenceError: require”
如果删除“目标”：“节点”，则会引发错误"Uncaught : fs.readFileSync不是函数“。
var config = {
entry: './main.js',
output: {
filename: './index.js',
},
devServer: {
inline: true,
port: 8080
},
node: {
浏览 1提问于2017-06-22得票数 2
我正在构建一个Range7应用程序，当我添加一个包npm install dragula --save并将其导入到pollyfills.ts文件中时，我会得到以下错误：
webpack_require (引导代码:83) at Object../node_modules/crossvent/src/crossvent.js (crossvent.js:3)在webpack_require (引导代码:83)、对象(引导:83)、对象/节点_模块/dragula/dragua.js (dragula.js:4)处未定义index.js:2 Uncaught : ReferenceError:
浏览 2提问于2019-01-24得票数 45
回答已采纳
当Webpack编译包含以下HTML的应用程序时，它会抱怨theme变量未定义。
这是我的index.html文件：
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
</head>
<body th:class="${theme}">
<div id="root">&
浏览 2提问于2017-09-04得票数 2
回答已采纳
在运行我的应用程序的生产构建时，我得到了一个错误“未捕获ReferenceError:未定义导出”，该应用程序是用webpack 4.20.2构建的。开发构建运行良好。也许有人已经发布了类似的问题？
这是我的生产配置：
和开发配置：
浏览 17提问于2018-12-17得票数 0
我知道这是个愚蠢的问题。但是我遵循了Laravel中关于如何将node_modules包含到我的项目中的教程。我已经在我的
resources/assets/js/app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue'));
并在我的webpack.mix.js中配置
mix.scripts([
'
浏览 0提问于2018-07-21得票数 0
回答已采纳
3回答
ReactDom未定义
、、、、
我用的是Webpack和巴贝尔的反应。我得到了一个运行时错误：
未定义的ReferenceError: ReactDom未定义
我的反应是：
"devDependencies": {
"phantomjs-polyfill": "0.0.2",
"react-addons-test-utils": "^0.14.8"
},
"dependencies": {
"react": "^0.14.7",
"react-do
浏览 6提问于2016-04-12得票数 15
回答已采纳
2回答
我试图使一个网络工作者，以防止拖延反应的主要线索。这个工人应该读一张图片，做各种各样的事情。
该应用程序是使用create-react-app创建的。
目前我有
WebWorker.js
export default class WebWorker {
constructor(worker) {
const code = worker.toString();
const blob = new Blob(['('+code+')()'], {type: "text/javascript"});
浏览 7提问于2020-04-08得票数 1
我试着用Webpack的。Blueimp图库定义了一个全局函数blueimp。通常，可以使用var x = blueimp.Gallery(...);创建库。
然而，当我使用webpack的时候，蓝色物体就会被我隐藏起来.
我在我的主JS文件中导入了blueimp图片库，使用：
import 'blueimp-gallery/js/blueimp-gallery.min'; import 'blueimp-gallery/css/blueimp-gallery.min.css';
当我尝试访问blueimp (例如使用console.log(blueimp);
浏览 4提问于2017-05-03得票数 0
回答已采纳
我有一个问题，试图使用jQuery插件与基金会6.4.3ZURB模板。
我能够将大多数npm包添加到我的项目via npm instal [packagename]中，然后通过(例如) import swal from 'sweetalert2';将它们包括在我的app.js中
然而，对于jquery.alphanum，无论我如何将它添加到我的项目中，我总是在控制台上得到相同的错误消息：
未定义的ReferenceError: jQuery未定义
我尝试通过npm添加它，通过将jquery.alphanum.js文件复制到src存档中并通过<script>标
浏览 0提问于2018-04-06得票数 0
我们有一个电子应用程序，使用角4，NodeJS和电子，Webpack。
我们没有几个UI组件调用child_process & fs模块，因此我们在使用业力运行测试用例时出现了以下错误：
"HeadlessChrome 0.0.0 (Windows100.0.0)错误：'ReferenceError: Object.child_process未定义‘
请提出解决这个问题的方法。
浏览 2提问于2017-09-24得票数 0
2回答
我想加载一些模块，例如：
力矩
埃查特
我的package.json：
“生态系统”："^3.1.10“
“瞬间”："^2.14.1“
但我还有下一个错误：
is 2282:1未定义的ReferenceError:矩(…)
我的Webpack配置：
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
我不知道会发生什么。有人能帮我吗？
浏览 4提问于2016-10-11得票数 1
回答已采纳
我有一个React组件，它使用jQuery选择器来匹配componentDidMount()中所有组件的高度：
$('.js-matchHeight').matchHeight();
运行webpack这样的服务器时工作正常，但是当我编写我的规范(Mocha和柴)时，它会抱怨：
ReferenceError：$未定义
如何将jQuery添加到测试中？
浏览 5提问于2016-11-15得票数 1
我不得不切换到导入，从browserify切换到了webpack。这是我在CLIENTSIDE上的Webpack配置。如果我执行module.exports，它将显示模块未定义...当然，我只是将其切换为导出默认设置。
我的模块中有类型：“package.json”。
对这里的解决方案有什么想法吗？我认为dirname来自节点"path“模块。我实际上不知道如何在浏览器之外的客户端获得绝对目录值……不能使用"“或"./”或"/“。不允许相对路径。
谢谢!
未捕获ReferenceError:未定义__dirname
// webpack.config.js
ex
浏览 0提问于2021-04-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
