我有一段时间让这个工作,而且仍然是.我会理解它的核心.我正在关注Ryan Bates教程,使用Jcrop和Carrierwave进行裁剪工作.我选择使用MiniMagick,因为即使在我的机器上重新安装ImageMagick和RMagick后,我也会收到一个错误,导致我本地计算机上的rails服务器死机.无论如何切换到MiniMagick修复了我.所以到目前为止,一切都非常好.我生成了不同大小的图像,并且它们已成功上传.但是一旦我尝试裁剪,我就会收到此错误:

undefined method `crop!' for #<MiniMagick::CommandBuilder:0x000001052e4608>

这让我感到困惑,因为我使用的代码与Bates完全相同:

def crop
if model.crop_x.present?
  resize_to_limit(700, 700)
  manipulate! do |img|
    x = model.crop_x.to_i
    y = model.crop_y.to_i
    w = model.crop_w.to_i
    h = model.crop_h.to_i
    img.crop!(x, y, w, h)
  end
 end
end

无论如何,这种作物方法失败了.所以我想,这是一个ImageMagick命令...所以我看了ImageMagick doco,我找不到爆炸的裁剪方法,所以我没试过,然后错误转向:

No such file or directory - /var/folders/dF/dFNM2+Y7FVScn4+OxVHKOU+++TI/-Tmp-/mini_magick20111207-34409-1tnaa07.jpg

无论如何,有些东西对我来说没什么意义,任何帮助都会受到赞赏!谢谢阅读!

在尝试使用构建新的webpack项目时,我反复收到错误vue-cli.我正在关注最新版本(3.0.0-beta.11)上的文档,也尝试使用早期版本,而不是测试版.

当我运行yarn serve它时尝试启动开发服务器并构建项目但在此处失败:

error  in ./src/App.vue?vue&type=template&id=7ba5bd90

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:7051:13)
    at formatWithCursor (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:10370:12)
    at /Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:31115:15
    at Object.format (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:31134:12)
    at actuallyCompile (/Users/cory/Code/chickadee/my-project/node_modules/@vue/component-compiler-utils/dist/compileTemplate.js:93:29)
    at compileTemplate (/Users/cory/Code/chickadee/my-project/node_modules/@vue/component-compiler-utils/dist/compileTemplate.js:26:16)
    at Object.module.exports (/Users/cory/Code/chickadee/my-project/node_modules/vue-loader/lib/loaders/templateLoader.js:42:20)

 @ ./src/App.vue?vue&type=template&id=7ba5bd90 1:0-194 1:0-194
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client/index.js (webpack)/hot/dev-server.js ./src/main.js

关于我的设置

• 苹果系统
• 我正在运行节点v8.5.0
• 软件包已安装 yarn

我尝试过的事情

• 不同版本的vue-cli生成新项目.项目生成并安装模块.
• 尝试删除prettier模块,但似乎仍然出现错误.
• 尝试重新安装所有模块.

还有什么可以尝试通过此错误？

我正在用C++构建我的第一个基于OpenCV的应用程序.我的目标是构建一个中间docker镜像,它可以静态编译应用程序,以便它可以在生成的较小图像中独立运行.我愿意在此步骤中使用任何泊坞窗图像,但只是为了让您可以看到我拥有的内容,这里是重现整个环境的dockerfile:

FROM ubuntu:18.04 as compiler

ENV OPENCV_VERSION='3.4.2' DEBIAN_FRONTEND=noninteractive

RUN apt-get -y update && \
    apt-get -y upgrade && \
    apt-get -y dist-upgrade && \
    apt-get -y autoremove && \
    apt-get install -y build-essential cmake 
RUN apt-get install -y qt5-default libvtk6-dev
RUN apt-get install -y zlib1g-dev libjpeg-dev libwebp-dev libpng-dev libtiff5-dev libopenexr-dev libgdal-dev
RUN apt-get install -y libdc1394-22-dev libavcodec-dev libavformat-dev libswscale-dev libtheora-dev libvorbis-dev libxvidcore-dev libx264-dev yasm libopencore-amrnb-dev libopencore-amrwb-dev libv4l-dev libxine2-dev
RUN apt-get install -y unzip wget
RUN wget --progress=dot:giga https://github.com/opencv/opencv/archive/${OPENCV_VERSION}.zip && \ …

我想我不是在理解这个概念.据我所知,任何人Ember.object都可以观察到另一个人的属性Ember.object.

所以,我有一个服务,一个路由器和一个组件.我需要组件和路由器才能观察服务上的属性.完全有可能我只是以错误的方式构建解决方案,我将概述我最后要做的事情.

这是我的大概:

/services/thing-manager.js

export default Ember.Service.extend({
  observedProperty: 'original value'
});

/components/thing-shower.js

export default Ember.Component.extend({
  thingManager: Ember.inject.service(),
  myObserver: Ember.observer(
    'thingManager.observedProperty',
    function() {
      // This shows up as anticipated, unlike the one in the routes
      console.log('THING SHOWER COMPONENT observed change on thingManager')
    }
  ),
 actions: {
   changeObservedProperty: function() {
     let thingManager = this.get('thingManager')
     let newText = thingManager.get('observedProperty') + '!'
     // here i am sure to call `set` to make sure observers fire
     thingManager.set('observedProperty', newText)
   }
 }

}); …

在我正在玩的博客项目中,我有"帖子".这是我的Gruntfile中的汇编块:

assemble: {
  options: {
    layout: ['src/layouts/default.hbs'],
    data: ['src/data/*.{json,yml}']
  },
  pages: {
    src: ['src/posts/**/*.md'],
    dest: 'tmp/posts/'
  }
}    

每个帖子都用markdown表示,带有一些YFM,如下所示:

---
date: '20131129'
latitude: 7.113309999999999
longitude: -73.120468
city: Bucaramanga
country: Colombia


---

# A familiar face...

And then more blog content here...

现在,在我default.hbs,我有标准的东西.我做了一个快速{{inspect page}}来看看我有什么变数.我可以在那里看到,我有一些可能在这件事上有用的信息:

 "index": 46,
 "next": 47,
 "prev":45

我可以想办法通过编写一个自定义手柄助手来处理这个问题,但似乎存在这些变量,这个功能已经存在于某个地方......我只是找不到它.我想到的解决方案似乎过于复杂.

谢谢你!

目标

1. 我想显示一些代码以供项目本身参考。
2. 我希望代码的显示随实现一起更新。
3. 我不想弹出 create-react-app

这个使用create-react-apptypescript创建的 react 项目将用于显示一些自定义组件，以便在其他项目中重复使用。我的目标是让组件在使用它的代码旁边使用。

如果我无权访问 webpack 配置并且无法使用，我该如何加载文件fs.readFile？

我正在使用grunt-processhtml在生产之前替换一些东西.诀窍是,我有一个可变数量的文件,通过汇编吐出来,我真的想保持我的数据与我的gruntfile分开.我似乎必须做一些事情来声明每个需要操作的文件:

    processhtml: {
      deploy: {
        options: {
          process: true,
        },
        files: {
          '/one_file.html': ['/one_file.html'],
          '/two_file.html': ['/two_file.html'],
          '/red_file.html': ['/red_file.html'],
          '/blue_file.html': ['/blue_file.html']
        }
      }
    }

你可以想象,这可能会非常麻烦.

我知道,对于大多数grunt特定的节点模块,你可以使用一些通配技术,所以我修改了它.

    processhtml: {
      deploy: {
        options: {
          process: true,
        },
        files: {
          '/**.html': ['/**.html']
        }
      }
    },

但这似乎也不起作用......有什么建议吗？

编辑:添加更多背景信息(如果我正在为树木丢失森林)

问题

我的开发环境有几个主要目标.

• 使用非压缩文件在本地查看页面以进行调试(适用于html,css和js)
• 我旅行时完全脱机工作的能力,而且经常没有互联网.这也可以使页面重新加载更快.我遇到的一些问题,以及为什么我来到processhtml:
  • 使用CDN来提供像jQuery这样的东西.
  • 谷歌字体:如果我引用谷歌字体,它会根据我的浏览器现场生成CSS ...但由于我有我在本地安装的字体,我只是想使用它们,所以我需要一种保持插入谷歌字体的方法.
• 我希望能够在部署之前压缩和连接每个资产.

我是怎么回事(无论好坏)

所以,现在我将告诉你我设计的系统.我的项目中有三个顶级目录,其中有三个不同的阶段

1. src:这是我的所有汇编文件都存在的地方.在这里,我有大量的hbs文件和部分,因此保持我的标记干燥,我的最小数据在YAML(我喜欢,因为我可以让同事填写它).

2. dev:一旦文件被"汇编",它们就会在这个目录中结束.这里它们是未压缩的,带有livereload的连接服务器从这里运行.

3. 部署:此时,我有一个名为'preflight'的繁琐任务,它压缩了我的所有文件,并摆脱了任何残余,留下了一个超级时尚的流线型文件夹准备好另一个rsync任务将其发送到生产.

无论如何,如果你有不同的方法来实现这一目标.我很想听听:)

谢谢!

我想解释为什么这个函数的结果与我的期望不符.

const numbers = [ 1, 2 ]
const objects = [{f: 'a'}, {f: 'b'}]

async function(domain) {
  let matrix = []
  objects.forEach((object) => {
    numbers.forEach((number) => {
      object.number = number
      matrix.push(object)
    })
  }) 
  return matrix
}()

实际

结果,一旦承诺得到解决,就会返回:

[ 
  { f: 'a', number: 2 },
  { f: 'a', number: 2 },
  { f: 'b', number: 2 },
  { f: 'b', number: 2 } 
] 

预期

但是,我的期望是它会回归:

[ 
  { f: 'a', number: 1 },
  { f: 'a', number: 2 }, …

我正在尝试按照本教程(http://railscasts.com/episodes/88-dynamic-select-menus)来获取使用RoR的动态选择框.无需担心RoR位,这是一个特定于Javascript的问题.

每次运行此函数时,我都会收到"options"未定义的错误.我已经尝试在控制台中手动运行该命令,但无论如何,它都是未定义的.我完全按照我在教程中看到的那样打字,但不知何故它对我不起作用......

这是有问题的javascript:

function clientSelected() {
var client_id = $('#piece_client_id').val();
// THIS IS THE PROBLEM LINE 
var options = $('piece_campaign_id').options;
options.length = 0;
campaigns.each(function(campaign) {
    if (campaign[0] == client_id) {
        options[options.length] = new Option(campaign[1], campaign[2]);
    }
});
if (options.length == 1) {
  $('campaign_field').hide();
} else {
  $('campaign_field').show();
}
}

这是它正在尝试的HTML:

<select id="piece_campaign_id" name="piece[campaign_id]"><option value=""></option> 
<option value="1">Feed The Dogs</option> 
<option value="2">Watch Television</option> 
<option value="3">End The Suffering</option> 
<option value="4">Brian Bilbrey</option> 
<option value="5">SummerHill Homes / Yes on A&amp;B</option>
</select> 

谢谢你们一起来看看吧!让我知道是否还有什么我可以添加来使我的问题更清楚.

我正在创建我的第一个Grunt插件。我真的很想在开发时练习测试我的插件。我选择了mocha作为我的测试框架，因为它看起来很流行，并设置了gruntfile来自动监视何时更改测试文件并运行它们。这一切看起来都不错。

但是，我还没有找到很多有关如何实际测试Grunt插件的文档。我看过大约十二种不同的grunt插件（尤其是contrib插件）的代码，它们对我来说没有多大意义。

在尝试测试代码时，我试图将其分解为非常具体的功能。因此，这是插件的基本结构，其中包含一个功能。

'use strict';

function testOutsideOfTask(){
  return "i am outside";
}

module.exports = function(grunt) {
  grunt.registerMultiTask('example_task', 'I do a thing.', function() {

    function testInsideOfTask(){
      return "i am inside";
    }

  });

};

我已经明确包含了两种方法，以确保我的测试正常进行，但事实并非如此。这两种方法似乎都无法访问...我如何才能访问它们以进行测试？这是我的摩卡咖啡测试。

var grunt = require('grunt');
var assert = require("assert");

describe('testOutsideOfTask', function() {
  it('do something', function() {
    assert.equal("i am outside", testOutsideOfTask());
  });
});

describe('testInsideOfTask', function() {
  it('do something', function() {
    assert.equal("i am inside", testInsideOfTask());
  });
});

他们都返回这样的东西。因此，以某种方式它无法访问这些函数，但是，当我查看其他测试示例时，它们似乎并没有特别要求正在测试的文件...例如https://github.com/gruntjs /grunt-contrib-clean/blob/master/test/clean_test.js

1) testOutsideOfTask should do something:
ReferenceError: testOutsideOfTask is not defined …