首页 \ 问答 \ Rails,Browserify和与coffeescript的反应(Rails, Browserify and React with coffeescript)

Rails,Browserify和与coffeescript的反应(Rails, Browserify and React with coffeescript)

我试图用npm设置React,并因此在没有导轨的情况下使用它 - 反应宝石。 我已经安装了Browserify并作出反应并作出反应。 它似乎有效,我能够运行一个简单的'hello world'示例。“

现在到一些更复杂的东西。 我已经有很多组件加载了rails-react,我需要转换它们。

我已经创建并初始化脚本(init.js.coffee)

React = require('react')
ReactDOM = require('react-dom')
PhotoRoot = require('photo_root')

和一个组件(photo_root.js.coffee)

module.exports = React.createClass
  getInitialState: ->
    null
  getDefaultProps: ->
    null

  showCard: (photoId) ->
    this.refs.card.setPhotoId photoId

  render: ->
    React.DOM.div {className: 'photo-root'},
      React.createElement PhotoGrid, showCard: @showCard
      React.createElement PhotoActionCard, photoId: 615, ref: "card"

这两个文件位于同一个文件夹中。

当我运行这个我从BrowserifyRails :: BrowserifyError得到一个错误:

Error while running `/Users/mh/rails_projects/phototank/node_modules/.bin/browserifyinc -t coffeeify --extension=".js.coffee" --list --cachefile=/Users/mh/rails_projects/phototank/tmp/cache/browserify-rails/browserifyinc-cache.json -o "/Users/mh/rails_projects/phototank/tmp/cache/browserify-rails/output20170205-9947-edkf1y" -`:

events.js:154
      throw er; // Unhandled 'error' event
      ^

Error: Cannot find module 'photo_root' from '/Users/mh/rails_projects/phototank/app/assets/javascripts/components'
  at /Users/mh/rails_projects/phototank/node_modules/browser-resolve/node_modules/resolve/lib/async.js:46:17

它正在寻找'photo_root'在正确的位置,但没有找到它。 它与扩展有关吗? 我正在使用coffeescript!

感谢!


I am trying to setup React with npm, and thus use it without the rails-react gem. I have installed Browserify and react and react-dom. It seems to work, I was able to run a simple 'hello world' example.'

Now to some on the more complex stuff. I already have a lot of components that I have loaded with rails-react and I need to convert these.

I have created and init script (init.js.coffee)

React = require('react')
ReactDOM = require('react-dom')
PhotoRoot = require('photo_root')

and a component (photo_root.js.coffee)

module.exports = React.createClass
  getInitialState: ->
    null
  getDefaultProps: ->
    null

  showCard: (photoId) ->
    this.refs.card.setPhotoId photoId

  render: ->
    React.DOM.div {className: 'photo-root'},
      React.createElement PhotoGrid, showCard: @showCard
      React.createElement PhotoActionCard, photoId: 615, ref: "card"

These two files are in the same folder.

When I run this I get an error from BrowserifyRails::BrowserifyError:

Error while running `/Users/mh/rails_projects/phototank/node_modules/.bin/browserifyinc -t coffeeify --extension=".js.coffee" --list --cachefile=/Users/mh/rails_projects/phototank/tmp/cache/browserify-rails/browserifyinc-cache.json -o "/Users/mh/rails_projects/phototank/tmp/cache/browserify-rails/output20170205-9947-edkf1y" -`:

events.js:154
      throw er; // Unhandled 'error' event
      ^

Error: Cannot find module 'photo_root' from '/Users/mh/rails_projects/phototank/app/assets/javascripts/components'
  at /Users/mh/rails_projects/phototank/node_modules/browser-resolve/node_modules/resolve/lib/async.js:46:17

It is looking for 'photo_root' in the right location, but is not finding it. Does it have something to do with the extensions. I am using coffeescript!!

Appreciated!!


原文:https://stackoverflow.com/questions/42049677
更新时间:2023-01-20 16:01

最满意答案

您可以使用正则表达式 ,如下所示:

import re
rex = re.compile('([^:]+\S)\s*:\s*(\d+)\s*\(\s*(\d+)/Sec\)')
for line in temp:
    match = rex.match(line)
    if match:
        print match.groups()

这会给你:

['Total Requests', '337827', '6687']
['Total Responses', '337830', '6687']
['Total Success Connections', '3346', '66']
['Total Connect Errors', '0', '0']
['Total Socket Errors', '0', '0']
['Total I/O Errors', '0', '0']
['Total 200 OK', '33864', '718']
['Total 30X Redirect', '0', '0']
['Total 304 Not Modified', '0', '0']
['Total 404 Not Found', '303966', '5969']
['Total 500 Server Error', '0', '0']
['Total Bad Status', '303966', '5969']

请注意,它只匹配对应于“TITLE:NUMBER(NUMBER / Sec)”的行。 您可以调整表达式以匹配其他行。


You could use a regular expression as follows:

import re
rex = re.compile('([^:]+\S)\s*:\s*(\d+)\s*\(\s*(\d+)/Sec\)')
for line in temp:
    match = rex.match(line)
    if match:
        print match.groups()

which will give you:

['Total Requests', '337827', '6687']
['Total Responses', '337830', '6687']
['Total Success Connections', '3346', '66']
['Total Connect Errors', '0', '0']
['Total Socket Errors', '0', '0']
['Total I/O Errors', '0', '0']
['Total 200 OK', '33864', '718']
['Total 30X Redirect', '0', '0']
['Total 304 Not Modified', '0', '0']
['Total 404 Not Found', '303966', '5969']
['Total 500 Server Error', '0', '0']
['Total Bad Status', '303966', '5969']

Note that will only match lines which correspond to "TITLE:NUMBER(NUMBER/Sec)". You can adapt the expression to match the other lines as well.

相关问答

更多

相关文章

更多

最新问答

更多
  • 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序:页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C#类名中允许哪些字符?(What characters are allowed in C# class name?)
  • NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)