草庐IT

invalid-bundle-structure

全部标签

javascript - bundle.js 而不是 React 组件上的控制台日志记录错误

我创建了一个适合我的Webpack构建-它有一个用于热重载的开发服务器,以及一个运行模板html文件并集成bundle.js文件。一切都很好,除了当我在我的开发服务器上工作时,控制台给我这样的错误消息:UncaughtError:预期reducer是一个函数。(…)bundle.js:36329它引用bundle.js作为错误源,而不是我正在使用的组件,这使得追踪错误源变得非常困难。据控制台所知,我知道它是包含错误的bundle.js文件,但我怎样才能让控制台记录预捆绑代码?(例如Component.js)提前致谢。 最佳答案 您应

javascript - 失败的 Prop 类型 : Invalid prop `component` of type `object` supplied to `Route` , 预期 `function`

我刚刚将我的React应用程序更新到16.6.0并将react-scripts更新到2.0.3以开始使用lazy并且在按照官方文档上的示例进行操作时出现此错误:失败的prop类型:提供给Route的object类型的无效propcomponent,预期的function忽略它,一切似乎都在工作,除了控制台中的这个错误。这是我的一些代码://importshere...constDecks=lazy(()=>import('./pages/Decks'));...classAppextendsComponent{...render(){return(}>...);}...我在这里做错了什

javascript - 脚本 600 错误 : Invalid target element for this operation

我有一个php网站,在FireFox和Chrome中运行良好,但在IE中完全崩溃。这只是抛出错误的脚本之一......SCRIPT600:此操作的目标元素无效。functionloadDeals(){$.get("modules/recommendations/viewrecommendations.php",{},function(response){document.getElementById("dealdata").innerHTML=response;});}它在设置innerHTML的行上抛出错误...知道为什么会这样吗? 最佳答案

javascript - 为什么 JSON.Parse 说 "invalid character"?

我有一段在IE中运行的JS,其中包含以下行:vardata=JSON.parse("{skill:'SK_AUTO_DEV_TEST',kind:'IS_REQUIRED'}");谁能告诉我这是怎么回事? 最佳答案 因为这不是有效的JSON–您需要在属性名称周围加上引号。JSON.parse('{"skill":"SK_AUTO_DEV_TEST","kind":"IS_REQUIRED"}'); 关于javascript-为什么JSON.Parse说"invalidcharacter"

javascript - [Vue 警告] : Invalid prop: type check failed for prop "X". 预期,得到字符串

给定这个Vue2组件:Vue.component('read-more',{props:{'text':String,'clamp':{type:String,default:'ReadMore'},'less':{type:String,default:'ReadLess'},'length':{type:Number,default:100}},template:`{{truncate(text)}}=length"@click="toggle()">{{clamp}}{{text}}=length">{{less}}`,methods:{truncate(string){if(s

javascript - D3 自定义曲线 : bundle interpolation for areas

考虑这个使用基础插值的D3JS图形:在D3JSv3中,我可以在区域上使用bundle插值(.interpolate("bundle").tension(0))来实现这种类型的渲染:注意图形的每个部分如何与其相邻部分很好地拟合。这就是我需要的。对于D3JSv4和v5,包插值的语法现在是这样的:.curve(d3.curveBundle)。但是,现在是"intendedtoworkwithd3.line,notd3.area."我最近从v3升级到v5,所以我尝试创建一个也适用于区域的自定义束曲线,以保持我喜欢v3的插值类型。我很亲近。这是我目前所拥有的://////////////////

javascript - npm run build 失败并显示 "Error: custom keyword definition is invalid: data.errors should be boolean"

当我尝试构建VueJS应用程序时,我发现npm出错。我在GitLabCI的build阶段看到这个错误。我找不到任何关于错误消息的提及。我以前能够成功运行npmrunbuild并且我没有对Vue应用程序代码进行任何更改,所以我不确定是什么导致了这个错误。-Buildingforproduction...ERRORError:customkeyworddefinitionisinvalid:data.errorsshouldbebooleanError:customkeyworddefinitionisinvalid:data.errorsshouldbebooleanatAjv.addK

javascript - 在匿名内部使用 'this',IDE : potentially invalid usage

就最佳实践而言,下一个功能(实际有效)是否不好?IDE警告我'Potentiallyinvalidusageof'this'.ChecksforJavascript'this'tobeinthesameclosureoroutercontent.$(document).on('change','#select-all',function(){if(this.checked){$(this).closest('table').find('input[name="row-id"]').each(function(){this.checked=true;//Here})}else{$(thi

javascript - 使用 webpack-dev-server 时 webpack 构建中缺少 bundle.js

我看了类似的,但找不到解决我问题的具体答案。我找不到bundle.js文件,即使我指定了它应该输出的位置并且一切都在浏览器中工作。我知道webpack-dev服务器正在从内存中加载文件并且没有任何内容被写入磁盘,我如何才能构建文件并将其添加到配置文件中输出属性中指定的目录?这是我的package.json:{"name":"redux-simple-starter","version":"1.0.0","description":"SimplestarterpackageforReduxwithReactandBabelsupport","main":"index.js","repos

javascript - 使用 babel.js 而不是 browserify 编译成 bundle

我从babel.js开始使用JavaScriptES6功能,但是我遇到了一个问题我目前正在使用browserify构建我的应用程序,并使用以下命令进行react。browserify-treactifyapp/main.js-opublic/scripts/bundle.js现在我想在babel中使用等效命令来捆绑我需要的模块,用ES6编写到bundle.js。这不起作用,只是给我一个ES5版本的main.js文件。babelapp/main.js-opublic/scripts/bundle.js但是我可以使用babel将我的bundle.js文件编译成ES6版本,有2个命令brow