问题标签 [watchify]

我将 browserify (13.0.0) 与 reactjs (0.14.7) 和 Chrome 版本 48 一起使用。不幸的是，我的断点在 Chrome 开发工具中不起作用。

我将 --debug 选项传递给 browserify 以提供用于调试目的的源映射。$ browserify static/js/App.js --debug -o static/js/build/bundle.js

我正在使用 watchify 进行热重载： $ watchify static/js/App.js -t babelify -p livereactload -o static/js/build/bundle.js -v

我得到了源映射，但是当我尝试设置断点时，断点会跳转到不同的行并且它永远不会真正停止？

如果我添加调试器；编码它不会在调试器行上停止并且单步执行没有按正确的顺序执行？

我认为问题出在源地图上，但不知道如何解决？

请注意，我正在尝试在 componentDidMount 中设置断点，并且我有一个正在调用的 console.log 调用。在任何时候设置的断点都不会被执行。

任何见解都值得赞赏。

更新：经过更多调试后，问题似乎与 watchify 有关。如果我不使用热重载，调试器会按预期停止在代码中。

在代码中设置调试器时，它也不会停在正确的行上。您可以在下图中看到，尽管在第 20 行设置了断点，但它并没有止步于此。此外，它不会在第 21 行的调试器语句处停止。相反，它会在第 23 行停止，然后跳过调用的行为很奇怪。请注意，如果调试器语句不存在，它将不会停止通过 Chrome 设置断点。

调试器的屏幕抓取

洞察力仍然赞赏。

我正在尝试通过 grunt/browserify 构建我的 JS 捆绑包。我还使用 grunt 进行 scss 编译。为此，我使用 grunt-watch 在更改时触发 scss 编译。

我希望 JS-browserify 具有相同的行为。grunt-browserify 带有“watch”选项，这个选项非常好。

我唯一的问题是：我想在“重新浏览”后得到通知。对于 SCSS，我使用 grunt-notify。但是在browserify-watch之后我没有找到任何方法来触发grunt任务。

我的 gruntfile 摘录：

最佳情况：

谢谢！

npm install --save-dev watchify在设置 React.js 工作区时，我遇到了一些命令错误。我不太确定需要做什么才能解决这个问题。

Npm 是通过 Homebrew 安装的。

节点版本：v6.1.0 npm 版本：3.8.6

我刚刚开始学习ReactJS并NodeJS尝试运行应用程序，NPM但刚开始我收到以下错误：

我的启动命令：

整个错误：

我努力解决它：

我已经尝试删除node_modules文件夹然后运行，npm install但我仍然收到相同的错误而且我的NPM版本是 3.8.9

我的文件 ：

main.jsx：

List.jsx：

Listitem.jsx：

有没有办法监视代码更改，并仅使用 npm 和 package.json 自动重新加载浏览器（我试图避免使用 Gulp 等。）如果是这样，你能建议一些脚本来完成这个吗？

我使用以下 gulp 任务

但是今天 browserify 进程挂起而没有发送错误事件，经过数小时的跟踪和错误我发现这是因为这样的事情：

（一些正在进行的代码，我错过了函数调用中的参数）

我的问题是，我怎样才能更容易地听到这些错误？

我当然可以先对文件进行 lint，但我也想知道它是否可以在 browserify 中实现。

我在 Linux 上尝试使用watchify并不断获得

为什么fsevents甚至被我的系统考虑？它不是严格意义上的 Mac 工具吗？如何让 nodeinotify用作其默认文件监视器而不是fsevents？具体来说，我想watchify在文件更改之前和之后包装文件。为什么是这样？

我试过使用node-inotify 但由于某种原因我仍然得到

据此，由于我在 Linux 上，inotify 应该会自动启动。

我正在尝试使用模块、控制器和视图建立一个基本的 Angular 应用程序。我很难从角度解释“{{}}”中的内容。

我正在运行 Browserify，它将所有内容推送到“./js/bundle.js”。

这是我的代码：

索引.html

应用程序.js

我的浏览器只呈现 {{name.names}}。

知道这里发生了什么，我缺少什么，或者我如何改进我的方法？

谢谢！

我有以下 gulp.js 配置。它有点工作。在服务器上保存文件后，我可以看到重新捆绑过程按预期开始和结束。然而，浏览器只收到一个错误：

还有一个明显的警告：

但是，babel-transform 已安装，并且我已按照安装所需的所有步骤进行操作.. 仍然有问题，有人知道吗？

我使用babel-plugin-transform-html-import-to-string将 html 模板文件导入到我的 javascript 组件中。

当我使用 watchify 时，如果 html 已更改，它不会更新。仅 Javascript 文件更改。npm 脚本是这样的：

watchify -p browserify-hmr -t [babelify ext .js .html] src/index.js -o public/bundle.js

由于这不起作用，我使用 watch 代替，如下所示，但我的构建比以前慢了至少 5 秒，当时它们是即时的。

watch 'npm run browserify' src/ -d --interval=1 browserify 脚本在哪里 browserify -t [babelify ext .js] src/index.js -o public/bundle.js

任何人都知道如何在不牺牲快速重建的情况下在 html 文件更改上运行 browserify？