草庐IT

dev_bundle

全部标签

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

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

javascript - Chrome 开发工具 : save custom geolocation in Dev Tools Presets

我在Chrome上使用开发者工具来测试我的javascript应用程序。但是,您是否知道在Chrome开发工具(Mac上为ALT+MAJ+I)>控制台>更多(...)>传感器>地理定位中更改和保存地理位置预设?感谢您的帮助。 最佳答案 唉,截至2017年6月,此功能尚未实现。但是有一个针对这个确切功能的功能请求=>https://bugs.chromium.org/p/chromium/issues/detail?id=649657获得所需内容的最佳方法是:使用Google帐户登录。访问featurerequestlink.点击问题

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 dev 命令不适用于 vuejs 的 hackernews 示例

我正在尝试从vuejs的githubrepository运行vue-hackernews-2.0示例在设置部分,它解释了如何安装项目:#installdependenciesnpminstall#oryarn#serveindevmode,withhotreloadatlocalhost:8080npmrundev#buildforproductionnpmrunbuild#serveinproductionmodenpmstart我安装了npm。在server.js中将端口更改为8888后,我在命令行中键入“npmrundev”。>vue-hackernews-2.0@devD:\U

javascript - 使用 webpack-dev-server 时,html-webpack-plugin 不会将 js 文件注入(inject) index.html

这是我的webpack配置:varpath=require('path');varwebpack=require('webpack')varHtmlWebpackPlugin=require('html-webpack-plugin')varfs=require('fs'),buildPath='./dist/';varfolder_exists=fs.existsSync(buildPath);if(folder_exists==true){require('shelljs/global')rm('-rf','dist')};module.exports={entry:'./src/

javascript - 如何在没有webpack dev server的情况下使用webpack进行开发?

我目前正在使用require.js用于开发,因此我可以快速迭代(更改文件、刷新页面、中间没有构建步骤),但我使用webpack作为构建工具,因为它优于r.js.我想完全摆脱require.js并在开发中使用webpack作为脚本加载器。我知道这正是webpackdevserver是为了,但我特别不想使用它。理想情况下,我会在中包含某种webpack加载程序,指向我的webpack.js构建配置,让它完成工作。 最佳答案 如果您不想使用webpack-dev-server,您可以使用webpack的监视功能在您进行更改时继续构建脚本。

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

javascript - 在 https 模式下使用 webpack-dev-server 的 Safari 刷新循环

我在SafariVersion9.0.1(11601.2.7.2)上测试JS模块时遇到了一个奇怪的问题因此,我使用带有标准HMR配置的webpack-dev-server(但使用https:true),即使我不更新我的源文件,浏览器也会保持刷新。事实上,它陷入了刷新循环。当我打开检查器控制台时,我在重新加载之前短暂地看到了这个错误:WebSocket网络错误:OSStatus错误-9807:无效的证书链然后就在刷新之前[WDS]Disconnected![WDS]Appupdated.Reloading...可能与自签名证书验证失败有关。服务器在https://localhost:11

javascript - 来自 UglifyJs 的 bundle.js 中的错误

我已经完成了一个项目,现在是构建它的时候了。我正在使用一个样板项目,但仍然不完全理解幕后发生的所有npm/webpack事情。运行“npmstart”时,我收到错误:ERRORinbundle.jsfromUglifyJsSyntaxError:Unexpectedtoken:punc())[bundle.js:848,29]在网上搜索这个问题一个小时后,我仍然无法解决它。据我了解,这个问题的发生是因为Uglify还不喜欢ES2016。但是,我在Internet上找到的解决方案似乎不起作用,或者对我来说实现起来意义不大。我找到了这个stackoverflowquestion并将我项目的