未捕获的ReferenceError: Vue Js中的webpackJsonp
是一个错误提示，表明在Vue.js应用中发生了一个未捕获的引用错误。具体来说，webpackJsonp是Webpack打包工具生成的一个全局函数，用于异步加载模块。在Vue.js中，通常会使用Webpack来构建和打包应用，其中包括将Vue组件和其他依赖打包成一个或多个JavaScript文件。
这个错误通常发生在以下情况下：
- 在Vue.js应用中使用了Webpack的代码分割功能，但是相关的模块没有正确加载或引入。
- 在Vue.js应用中使用了动态导入（dynamic import）语法，但是相关的模块没有正确加载或引入。
- 在Vue.js应用中使用了第三方库或插件，但是相关的模块没有正确加载或引入。
要解决这个错误，可以尝试以下几个步骤：
- 确保Vue.js应用的依赖项正确安装，并且相关的模块已经正确引入。
- 检查Vue组件中的代码，确保使用了正确的语法和导入方式。
- 检查Webpack的配置文件，确保代码分割和动态导入功能正确配置。
- 检查第三方库或插件的文档，确保正确加载和使用相关的模块。
在腾讯云的云计算平台中，可以使用云服务器（CVM）来部署和运行Vue.js应用。云服务器提供了稳定可靠的计算资源，可以满足应用的运行需求。此外，腾讯云还提供了云数据库（CDB）用于存储和管理应用的数据，云存储（COS）用于存储和管理应用的静态资源，以及云网络（VPC）用于构建安全可靠的网络环境。
更多关于腾讯云相关产品和产品介绍的信息，可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我用的是官方的Vue 。
Webpack附带的UglifyJs不编译ES6。所以我把它改为Webpack插件的：
// webpack.prod.conf.js
var UglifyJsPlugin = require('uglifyjs-webpack-plugin')
new UglifyJsPlugin({
uglifyOptions: {
ie8: false,
ecma: 8,
parse: {},
mangle: {
properties: {
// mangle property options
浏览 1提问于2017-12-20得票数 0
回答已采纳
entry: {
page1: '~/page1',
page2: '~/page2',
page3: '~/page3',
lib: ['date-fns', 'lodash'],
vendor: ['vue', 'vuex', 'vue-router']
},
new webpack.optimize.CommonsChunkPlugin({
name: ['vendor', 'lib
浏览 3提问于2018-01-10得票数 1
我正试图将作为一个模块集成到Vue项目中。
代码和设置：
在package.json中
"stackdriver-errors-js": "^0.2.0"
在bootstrap.js中
import errorHandler from './error/error-reporting';
错误-报告in
import { StackdriverErrorReporter } from 'stackdriver-errors-js';
let errorHandler;
errorHandler = new
浏览 5提问于2017-12-07得票数 0
我正在构建一个Nuxt应用程序，并尝试在我的一个页面中呈现一个ag-grid
我创建了一个名为ag-grid.js的插件
import * as agGridEnterpise from 'ag-grid-enterprise/main'
agGridEnterpise.LicenseManager.setLicenseKey([MY_LICENSE_KEY])
在nuxt.config.js上，我注册了这个插件：
plugins: [
//...
{
src: '~/plugins/ag-grid.js',
ssr:
浏览 20提问于2018-02-20得票数 2
回答已采纳
我在一个服务中有以下代码，它可以从Http请求中创建一个可观察到的。
const httpObservable = this.http.post(url, JSON.stringify(request))
.map((res: Response) => res.json())
.catch((error, caught) => {
console.log('There was an API error for ' + url);
console.log('Rethrowing');
return
浏览 4提问于2017-08-04得票数 3
我在我的项目()中安装了angular2-recaptcha。
我增加了systemjs.config.js
System.config({
map: {
'angular2-recaptcha': 'node_modules/angular2-recaptcha'
},
packages: {
app: {
format: 'register',
defaultExtension: 'js'
},
'angular2-recaptcha': {d
浏览 3提问于2017-09-23得票数 5
回答已采纳
我的问题是在我执行方法订阅时产生的，我不明白为什么。这是在控制台中生成的代码和错误：
getInfo(idgestore:number){
let zonaObs=this._zonaservice.getInfoParks(idgestore);
zonaObs.subscribe(data=>{
this.zones=data;
var citta:string;
for(var i=0;i<this.zones.length;i++){
// this.zones[i].citta=null;
浏览 0提问于2017-09-11得票数 0
回答已采纳
1回答
我已经部署了角4应用程序使用nginx。但是它无法加载js、css和其他文件。我在控制台上看到了这些错误
未登录的SyntaxError:意外令牌< inline.bundle.js:1
未登录的SyntaxError:意外令牌< polyfills.bundle.js:1
未登录的SyntaxError:意外令牌< scripts.bundle.js:1
未定义的ReferenceError: webpackJsonp未在styles.bundle.js:1 styles.bundle.js:1 (匿名)@ styles.bundle.js:1中定义
未登录的Syntax
浏览 1提问于2018-04-25得票数 0
2回答
我想在裸体画中使用图表。
在svg-map.vue组件中，我添加了以下代码
head() {
return {
script: [
{ src: 'js/amcharts/core.js' }
]
};
},
但是这给了我下面的错误
无法读取未定义的属性“绑定”
(中间值)(中间值).push不是函数
当我看到这个到chrome时，它在下面的行中显示了push函数的错误
(window["webpackJsonp"] = window["webpackJsonp"] || [])
浏览 1提问于2018-12-17得票数 2
因此，在测试Laravel5.4网站时，我在浏览器控制台行上得到了以下错误：
Uncaught ReferenceError: webpackJsonp is not defined at app.js:1
现在，老实说，我几乎不知道webpack和其他人，我只是按照指令编译资产，通常一切都正常。
不管怎样..。我正在使用Laravel5.4，并已将bootstrap3替换为bootstrap4。否则，一切都与默认的laravel设置差不多。
我的webpack.mix.js看起来是这样的：
mix.js('resources/assets/js/app.js', 'p
浏览 2提问于2017-04-09得票数 10
回答已采纳
我们希望在我们的离子/角度项目中包括Chart.js & jQuery。
在通过npm安装之后，我们尝试像往常一样引用以下文件：
<script src="../node_modules/chart.js/dist/Chart.min.js"></script>
我们做错什么了？由于某些原因，我们还在packages.json中包含了一个参考：
"scripts": {
...
"chart": "../node_modules/chart.js/dist/Chart.js"
如
浏览 0提问于2018-09-06得票数 0
我最近一直在开发一个quizz应用程序，它一直在工作，但现在突然有很多包没有定义。下面错误日志的一小部分(继续包含大多数包)
Uncaught ReferenceError: Package is not defined meteor.js? 7a66be7a03504cd2c18dd47b699e6233b60675ed:21
Uncaught ReferenceError: Package is not defined json.js?e22856eae714c681199eabc5c0710b904b125554:21
Uncaught ReferenceError: Packa
浏览 0提问于2014-08-04得票数 1
此链接中的代码不起作用。
结果是：
> Uncaught ReferenceError: Chart is not defined at HTMLDocument.
> (flot-data.js:726) at j (jquery.min.js:2) at k (jquery.min.js:2)
有谁能帮帮忙吗？
浏览 2提问于2018-01-23得票数 0
我们正在开发一个大规模的应用程序，应用程序的一部分正在使用vuejs，但是由于某些原因，这个vuejs部分不能工作，我们得到了这个错误：
未定义的ReferenceError: webpackJsonp未定义
我们的webpack.config.js文件，如下所示：
var webpack = require('webpack'),
path = require('path');
module.exports = {
resolve: {
modulesDirectories: ['./node_modules'
浏览 3提问于2016-08-08得票数 2
我创建了一个角度拦截器来检查我的身份验证令牌的有效性。不知何故，angular无法识别do方法。subscribe可以工作，但我不想要这种解决方案，因为它会使我发送到服务器的请求加倍。
TypeError: next.handle(...).do is not a function
at AuthTokenService.webpackJsonp.../../../../../src/app/commons/services/interceptors/auth-token.service.ts.AuthTokenService.intercept (auth-token.service.ts:
浏览 1提问于2018-01-04得票数 11
回答已采纳
一直在试图通过遵循来使数据表工作。当我在4上时，这似乎是角2的设置，但我试图使它与4兼容。所以我的主要问题是：
这是固定的，还是在PrimeNG站点上有一个角4版本？它是否可以修复，需要做些什么？
Git这里：
谢谢,
错误在这里
Uncaught Error: Template parse errors: > 'app-table' is not a known element: > 1. If 'app-table' is an Angular component, then verify that it is part of
浏览 0提问于2018-04-26得票数 0
回答已采纳
Laravel版本: 5.7
在ResourceIndex页面上将Laravel nova更新到高于1.1.7的版本时。单击过滤器图标会导致以下错误。
TypeError: Cannot read property 'name' of undefined
at Proxy.render (nova-custom-filters:3752)
at VueComponent.Vue._render (vendor.js?id=f1774ad54c9d6dde0d50:98488)
at VueComponent.updateComponent (vendor
浏览 1提问于2018-12-10得票数 1
我使用角-cli ()，一切都正常.
但是，当我试图加载这个模块(NG2-引导)时，它失败了：
我输入了<script src="node_modules/ng2-bootstrap/build/angular2-bootstrap.js"></script>
刷新后，我看到了angular2-bootstrap.js:1Uncaught ReferenceError: webpackJsonp is not defined
我该怎么解决呢？
浏览 3提问于2016-05-28得票数 0
2回答
我有一个项目，我想在那里使用这个。我只是下载了它并将它的脚本放到resources/assets/js目录中。这就是我在运行gulp之后调用页面所需的所有脚本的方式：
<!-- Scripts -->
<script
type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anon
浏览 4提问于2016-11-08得票数 5
我是一个初学者，使用Webpack，NPM和VueJS。 我不知道我做了什么，我在互联网上找不到任何解决方案。 在VueJS中运行npm run dev命令时，webpack创建了15个文件，编号从0.js到14.js 文件的第一行是： (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],{ 文件名中的0 有人知道我在我的应用程序中破解了什么吗？ 编辑： 我发现每个文件都与一个组件相关。我猜这与我的路由器文件有关： import Vue from 'vue';
im
浏览 56提问于2020-07-09得票数 1
回答已采纳
2回答
我尝试在我的角度项目中导入jquery -旋钮插件，所以我通过npm安装了jquery--它工作得很好。现在我想添加jquery-旋钮(也通过npm)，但是我得到了这个错误，我认为它在
jquery.knob.min.js
Uncaught ReferenceError: jQuery is not defined
at eval (eval at webpackJsonp.310.module.exports (addScript.js:9), <anonymous>:1:85)
at eval (eval at webpackJsonp.310.modu
浏览 0提问于2017-05-22得票数 1
我正在尝试让vue-router在浏览器中使用esm，但是当我导入vue-router.esm.js文件时，我得到 vue:573 [Vue warn]: Error in beforeCreate hook: "ReferenceError: process is not defined"
(found in <Root>)
warn @ vue:573
logError @ vue:1727
globalHandleError @ vue:1722
handleError @ vue:1711
callHook @ vue:2896
Vue._init @
浏览 56提问于2019-01-01得票数 0
我有两个测试文件，test1.html和test2.html。我的test1.html代码如下：
<script>
window.onerror = function (message, file, lineNumber, columnNumber, error) {
console.log(message, file, lineNumber, columnNumber, error);
};
asdf // Trigger error
</script>
哪个打印(如预期的那样)
Uncaught ReferenceError: asdf is not de
浏览 3提问于2016-03-31得票数 0
我正在尝试使用CommonsChunkPlugin通过webpack2创建一个serviceworker块(sw.js)，但是当尝试将/sw.js注册为serviceworker时，我得到了错误Uncaught ReferenceError: webpackJsonp is not defined。
显然，webpackJsonp是用来异步加载块的，它弄乱了我的serviceworker文件。有什么方法可以删除serviceworker块的异步加载吗？
我的webpack配置：
{
entry: {
main: [
'react-hot-loader/patch
浏览 4提问于2016-12-29得票数 3
我正在学习角2，没有先前的角度经验。我正在学习本教程：。
在添加了新的组件"app-people-list“并在index.html中更新了相同的组件之后，我得到了下面的例外。哪里出了问题？
Unhandled Promise rejection: The selector "app-root" did not match any elements ; Zone: <root> ; Task: Promise.then ; Value: Error: The selector "app-root" did not match any
浏览 12提问于2017-06-16得票数 34
回答已采纳
2回答
我试图用一个简单的测试从一个角4应用程序中调用一个php脚本，但我无法让它工作。
脚本位于资产/php/test.php中，包含以下代码，这些代码在通过url运行脚本时工作：
<?php
try{
$bdd=new PDO('mysql:host=localhost;dbname=musictools;charset=UTF8','root','');
$bdd->exec('INSERT INTO gamme(nom) VALUES(\'mineure\')');
}catch(Exc
浏览 1提问于2018-01-11得票数 1
回答已采纳
我一直在遵循这个指南，让Webpack使用React.NET (在)，我的一个要求是将第三方库放在一个单独的捆绑包中。为此，我使用了中的CommonsChunkPlugin。
在客户端渲染中尝试这种设置似乎工作得很好，但是仍然不能弄清楚如何对服务器端渲染做同样的事情。我总是会看到错误Error while loading "~/Scripts/build/bundle.js": ReferenceError: webpackJsonp is not defined。
我对这个领域还很陌生，但是我设法意识到webpackJsonp变量是在window级别注册的，我猜服务器端的渲染
浏览 4提问于2017-03-28得票数 0
2回答
目前，我正在尝试弄清楚如何从构建中独立加载供应商。小背景:由于Websphere Portal中使用Angular的一些限制，我们在一个页面中包含了多个Angular 4应用程序。为了保持较低的加载时间，我想从每个应用程序中删除供应商，并将其包含在父页面中。这样做会导致错误：
Uncaught ReferenceError: webpackJsonp is not defined
at angular.vendor.js:1
有没有办法做到这一点？谢谢!
浏览 6提问于2017-08-11得票数 0
我在路由方面遇到了问题。当我试图导航到一个组件时，我收到了一个错误，但我找不到问题的根源
下面是我用来导航的函数。它位于edit-list组件中(在路由模块中用‘’表示)。
displayComponent(displayMode:number, index:number){
if(!this.emptyArray){
this.router.navigate(['edit-list/edit', displayMode, index]);
} else {
this.router.navigate(['edit-
浏览 2提问于2017-11-09得票数 1
我用Vue.js运行Laravel5.4，用运行Axios。因此，在我的/home中，我调用Vue.js组件：
<passport-clients></passport-clients>
<passport-authorized-clients></passport-authorized-clients>
<passport-personal-access-tokens></passport-personal-access-tokens>
当我运行服务器并进入页面时，组件将被加载。但是，操作按钮不起作用，出现了此错误：
浏览 1提问于2017-10-11得票数 0
1回答
我试图在我的Particules.js项目中实现Json文件，但是似乎没有加载Json文件。
import { Component, OnInit } from '@angular/core';
import Typed from 'typed.js';
declare var particlesJS: any;
@Component({
selector: 'app-slide-presentation',
templateUrl: './slide-presentation.component.html',
浏览 3提问于2017-07-29得票数 0
我最近更新了我的全局A2命令行界面以及一个现有的项目，以：
_ _ _
__ _ _ __ __ _ _ _ | | __ _ _ __ ___ | |(_)
/ _` || '_ \ / _` || | | || | / _` || '__|_____ / __|| || |
| (_| || | | || (_| || |_| || || (_| || | |_____|| (__ | || |
\__,_||_|
浏览 10提问于2017-02-03得票数 0
回答已采纳
我是很新的角2\4和PrimeNG。
我正疯狂地尝试复制本教程，该教程与PrimeNG：的Schedule组件有关。
如果单击示例下的Source选项卡，将显示此示例的代码(我认为这是与此示例相关的代码.)。
我正在尝试创建一个自定义custom-schedule组件来包装PrimeNG提供的这个计划组件。
所以我在我的项目中创建了一个custom-schedule文件夹。
我把这些文件放进这个文件夹：
1) custom-schedule.component.html (视图)，它只包含以下内容：
<p-schedule [events]="events"><
浏览 4提问于2017-08-13得票数 0
获得了一个Nuxt项目，在该项目中，有些预加载文件没有crossorigin和as参数，因此出现了错误。
不确定它是特定于NUXT的错误还是某个包？我删除了所有预加载和预取代码，以查看它是否会产生任何差异，但是没有什么改变。
在NUXT社区中问了同样的问题
经过一些研究，我发现这个问题与webpack有关，并可能被output.crossOriginLoading 解决，我试图在我的nuxt.config.ts中这样应用：
target: "static", <-----tried both static and server
output:
浏览 11提问于2022-08-01得票数 0
回答已采纳
我正在使用Vue 3进行一个项目，我试图将添加到我的项目中。我就是这样在Vue组件文件中导入它的。
<template>
<div>
<!-- -->
</div>
</template>
<script>
// ..
import 'bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js'
import 'bootstrap-material-datetimepicker
浏览 0提问于2018-11-07得票数 1
回答已采纳
我的应用程序运行良好，直到我将router.js文件稍微更改为有子路由，而现在我的应用程序崩溃了，我看不到任何路由上的任何东西。
我得到了一个错误：app.js:191 Uncaught TypeError: Cannot read property 'bind' of undefined
我可以看到它指向了这条线：
var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
在这个文件/public/js/app.js中，这个代码块：
// on error function for async loading
_
浏览 4提问于2020-04-15得票数 0
我想向web注入一个脚本文件，但是当运行时，我有一个错误，未定义的ReferenceError: Vue不是定义的，HOw，我可以在Main.js中这样做
import Vue from 'vue';
import nqt from './nqt.js';
//Vue.use(nqt)
在nqt.js中
vm = new Vue();
console.log(vm);
感谢你的阅读！
浏览 4提问于2017-05-28得票数 0
回答已采纳
10回答
我试图在Vue组件中使用。组件成功编译，但随后触发错误：
vue-路由器未能解析异步组件默认值: ReferenceError:文档未定义
在浏览器中我看到：
未定义ReferenceError文档
我认为这与Nuxt.js中的SSR有关吗？我只需要在客户机上运行Choices.js，因为我猜这是一个客户端唯一的方面。
nuxt.config.js
build: {
vendor: ['choices.js']
}
AppCountrySelect.vue
<script>
import Choices from 'choices.js&
浏览 22提问于2017-09-05得票数 27
回答已采纳
3回答
我已经通过Sails构建了我的网站后端，现在我想将Vue.js集成到我的项目中。我通过npm安装了Vue和VueResource --保存，并在资产/js文件夹中创建了一个app.js文件。
但是，当我在我的VueResource文件中需要Vue和app.js时，我会在Chrome中得到以下错误消息：
app.js:1 Uncaught ReferenceError: require is not defined
localhost/:57 Uncaught ReferenceError: Vue is not defined
我是JavaScript的新手，所以我所能知道的就是Javascr
浏览 6提问于2016-08-24得票数 0
回答已采纳
我只需遵循中的说明:克隆回购、安装节点依赖项并运行。但是，一旦运行了npm run dev命令，当我在浏览器中打开应用程序时，会得到以下错误：
> Uncaught ReferenceError: Dom7 is not defined
> at framework7.js:14213
> at framework7.js:14317
> at Object.<anonymous> (framework7.js:18375)
> at Object.<anonymous> (vendor.9d7fa26….j
浏览 1提问于2017-05-29得票数 3
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
我正在处理我的前辈编写的Angular 4应用程序。应用程序现在构建并运行，但加载后，我在浏览器的控制台中获得以下内容： core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: No provider for Boolean!
Error: No provider for Boolean!
at injectionError (core.es5.js:1169)
at noProviderError (core.es5.js:1207)
at ReflectiveInjector_.webpackJson
浏览 21提问于2020-01-13得票数 1
回答已采纳
2回答
我决定使用@angular/flex-layout的响应网格系统，而不是Bootstrap的。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {
MdButtonModule,
MdSnackBarModu
浏览 2提问于2017-09-08得票数 1
回答已采纳
我有一个用Vue CLI 2创建的现有项目，我正在把它移到Vue CLI 3中，但是我得到了下面的错误
1: "vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: "ReferenceError: _ is not defined"
2: "vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "ReferenceError: $ is not defined"
我认为这是由于index.html。在V
浏览 1提问于2019-08-22得票数 0
我目前正在尝试构建我的第一个均值堆栈应用程序(在线食谱)，但是我似乎在从我的API (RecipeDataService)获取配方数据的服务和我的“食谱细节”组件之间遇到了一些问题。
每次我尝试加载菜谱的详细视图时，服务中的任何信息都不会出现。我还在浏览器的JS控制台中得到以下错误：
ReferenceError: RecipeDataService is not defined
at Object.onHandleError (core.js:4770)
at ZoneDelegate.webpackJsonp../node_modules/zone.js/dist/zone.js.Zone
浏览 0提问于2018-04-09得票数 0
我有一个包含以下(部分)代码的组件：
export default {
methods: {
mymethod: (x) => {alert(x)},
},
created: () => {
this.mymethod('success');
},
我得到了以下错误：
vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined"
看起来&
浏览 1提问于2018-04-17得票数 11
回答已采纳
1回答
我对vue很陌生，我试图导出/导入组件，但我不明白为什么下面的代码不能工作。我用webpack来捆绑一切，据我所知，它正在成功地做到这一点。我得到的错误来自浏览器的控制台: 1) Vue警告:呈现中的错误："ReferenceError: data未定义“2) ReferenceError: data未在Proxy.render (menu.js:9)处定义
我不知道这些错误意味着什么，因为在我看来，“数据”是定义的。
如果感兴趣的话，整个源代码都在这里：
menu.js
export default {
data() {
return {
浏览 0提问于2018-08-14得票数 0
1回答
我想在nuxtjs中使用滚动魔法。
我通过npm安装了滚动魔术。
npm install scrollmagic
在我的nuxt.config.js文件中我添加了
build: {
vendor: ['scrollmagic']
},
在我的页面/index.vue文件中，我只是导入了它。
import ScrollMagic from 'scrollmagic'
但这只会导致这个错误。
vue-路由器未能解决异步组件默认值: C:\pathto\node_modules\scrollmagic\scrollmagic\uncompressed\Scr
浏览 4提问于2017-12-16得票数 3
回答已采纳
1回答
我必须将pusher.js包含在.vue文件中，如下所示：
<script src="https://js.pusher.com/5.1/pusher.min.js"></script>
我可以在控制台ReferenceError: Pusher is not defined中看到。
我们如何在.vue文件中包括这样的js文件？我甚至不能在<script>标记中执行js代码。
浏览 2提问于2020-03-28得票数 0
回答已采纳
描述：
通过创建验证器函数并在ngOnInit()方法下传递该函数来比较字段值。
请在下面找到我的密码，
import { Component, OnInit } from '@angular/core';
import {BsModalRef} from "ngx-bootstrap";
import {FormGroup, FormControl, Validators} from "@angular/forms";
@Component({
selector: 'app-formcontent',
template
浏览 3提问于2017-08-09得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
