小编Kay*_*ote的帖子

我有点困惑。在我的笔记本电脑上，当我建立我的项目时，我package.json在安装它们时填充了依赖项。

它看起来像这样：

"main": "webpack.config.js",
  "dependencies": {
    "immutable": "^3.7.6",
    "react": "^0.14.8",
    "react-dom": "^0.14.8",
    "react-redux": "^4.4.2",
    "redux": "^3.4.0"
  },
  "devDependencies": {
    "babel-core": "^6.7.6",
    "babel-loader": "^6.2.4",
    "babel-polyfill": "^6.7.4",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-react-hmre": "^1.1.1",
    "css-loader": "^0.23.1",
    "eslint": "^2.7.0",
    "eslint-loader": "^1.3.0",
    "eslint-plugin-react": "^4.3.0",
    "postcss-loader": "^0.8.2",
    "style-loader": "^0.13.0",
    "stylelint": "^4.5.1",
    "webpack": "^1.12.15",
    "webpack-dev-server": "^1.14.1",
    "webpack-merge": "^0.7.3"
  },

现在，在我的新系统上，拉了 repo & 的印象是我必须调用的是npm install& npm 将读取 package.json & 下载所有依赖项及其指定的版本。那没有发生。

所以，我的问题是，我们如何正确地将所有这些依赖项安装到新系统上。

会不会是跑步的问题 npm i --save [all the dependencies]

& npm i --save-dev [all the …

我一直transform translate在 SVG 元素上使用 simple。现在我正在将转换转换为矩阵（并在此过程中拉扯我的头发）。

在SVG元素上click，我渲染一个元素，并根据当前的 pageX 和 pageY（鼠标坐标）进行简单的变换翻译。

<svg width="1366" height="612" class="svg" viewBox="-78.48 43.82 752.30 337.05" xmlns="http://www.w3.org/2000/svg">
  <g class="elementParent">
    <g id="cry20Cyc_0.d7h" class="ele" data-action="ele" transform="translate(269.013,169.974)">
      <rect x="0" y="0" width="44" height="44" opacity="1" fill="#d1d1d1" stroke-width="1" vector-effect="non-scaling-stroke" class="selectRect"></rect>
      <path d="M0,22c0,12.2,9.9,22,22,22s22-9.8,22-22S34.2,0,22,0S0,9.9,0,22" fill="#482956"></path>
    </g>
  </g>
</svg>

请注意 上的翻译（269.013,169.974）g。当我打电话时getCTM()，我得到这个相当奇怪的值：

  SVGMatrix { a: 1.8157544136047363, b: 0, c: 0, d: 1.8157544136047363, e: 630.9659423828125, f: 229.06468200683594 }

根据我的理解，矩阵“a”和“d”中的值代表缩放比例。但是，我没有应用任何缩放，这个值从哪里来？

当我transform在元素上运行时。变换数组返回一个更合理的值：

SVGAnimatedTransformList { 
  baseVal: SVGTransformList[1], // {a:1 b:0 c:0 …

我收到此错误：

在传递给createStore的preloadedState参数中找到意外的键“ dispatch”，“ subscribe”，“ getState”，“ replaceReducer”，“ liftedStore”。期望找到已知的化简键之一：“ form”。意外的键将被忽略。

我的新Redux商店（带有应用的中间件）是：

// redux extension
const composeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION__ || compose;
const enhancer = composeEnhancer(applyMiddleware(promiseMiddleware()));
const store = createStore(reducer, enhancer);

我从这里遵循了指南：https : //github.com/zalmoxisus/redux-devtools-extension

所有，

我试图建立一个顶级菜单。出于某种原因，li元素不是从ul的顶部开始，在顶部似乎留有很小的余量。请给我任何解释。

jsfiddle：http : //jsfiddle.net/K26TN/

HTML代码：

    <div id="menu_bars">
    <div id="main_bar">
        <ul>
            <li id="overview_tab" class="maintabs"><a  id="text_overview_tab">Overview</a></li><li id="collar_tab" class="maintabs"><a id="text_collar_tab">Collar/ Neckline</a></li><li class="maintabs" id="body_tab"><a  id="text_body_tab" >Body</a></li><li id="sleeves_tab" class="maintabs"><a id="text_sleeves_tab" >Sleeves</a></li>
        </ul>
    </div>
      </div>

CSS代码：

html {
height: 100%;
}

body#container {
position: relative;
width: 100%
min-width: 1280px;
height: 100%;
min-height: 700px;
background-color: rgba(255,255,255,0.8);
margin: 0 auto;
}

    #menu_bars {
    position: relative;
    width: 90%;
    height: 20%;
    margin: 0 auto;
}
        #main_bar {
        float: left;
        width: 78%;
        height: 100%;
    }
    #main_bar ul {
        float: …

在Excel VBA中,我试图将参数值传递给属性'VerticalAlignment'.我得到的错误是:"无法设置Range类的Horizo​​ntalAlignment属性".显然问题在于'horzAlign'和'vertAlign'值,但是,什么？

' Merge the range & horizontal & vertical
' alignment as per arguments
Sub mergeCellsWithLeftAlign(ByVal curRange As Range, _
    ByVal horzAlign As String, ByVal vertAlign As String)

        With curRange
            .HorizontalAlignment = horzAlign
            .VerticalAlignment = vertAlign
            .MergeCells = True
        End With
End Sub

这是在另一个程序中调用,如下所示:

Call mergeCellsWithLeftAlign(Range("F10:F11"), "xlLeft", "xlBottom")

我按照教程,但是,我收到控制台错误:

" 错误:期望减速器成为一个功能 "

这是我的(相关)配置:

WEBPACK.CONFIG.JS:

...
const TARGET = process.env.npm_lifecycle_event;
process.env.BABEL_ENV = TARGET;
...
if( TARGET === "start" || !TARGET ) {
    module.exports = merge( common, {
        devtool : "inline-source-map",
        devServer : {
            contentBase : PATHS.build,
            hot : true,
            progress : true,
            stats : "errors-only"
        },
        plugins : [
            new webpack.HotModuleReplacementPlugin(),
            new webpack.DefinePlugin({
                "process.env.NODE_ENV" : JSON.stringify( "production" )
            })
        ]
    } );
}

INDEX.JS:

import React from "react";
import { render } from "react-dom";
import { Provider …

我似乎无法让webpack-dev-server for webpack2工作.

我正在使用的版本: webpack@2.1.0-beta.25&webpack-dev-server@2.1.0-beta.10

我得到以下CLI日志:

 http://localhost:8080/
webpack result is served from /
content is served from /var/www/homelyfe/hl-app/app/index.js
Hash: 2830dae8362c968c034c
Version: webpack 2.1.0-beta.25
Time: 544ms
       Asset       Size  Chunks             Chunk Names
run.build.js    47.6 kB       0  [emitted]  app
  index.html  198 bytes          [emitted]  
chunk    {0} run.build.js (app) 43.4 kB [entry] [rendered]
    [0] ./app/index.js 69 bytes {0} [built]
    [1] (webpack)-dev-server/client?http://localhost:8080 4.14 kB {0} [built]
    [2] ./~/punycode/punycode.js 14.7 kB {0} [built]
    [3] ./~/querystring-es3/index.js 127 bytes {0} [built]
    [4] ./~/url/url.js 23.3 kB {0} [built] …

我一直在Atom Editor的一些文件中得到这个警告(最新的v1.7.3).

警告 : Expected Indentation of 1 tab but found 0

图片:

我有什么特别的错误吗？

编辑:除了Brett的评论,我开始梳理设置并启用"硬标签"设置.我发现了以下内容:

在左侧,编辑器显示那里实际上有空格.即使按下标签并使用箭头键移动光标,它也会移动标签的长度.将其与右侧窗口进行比较,其中缩进是制表符(并且未报告错误).

如何将空格缩进转换为制表符？

谢谢

我对文字和非文字之间的区别感到困惑(那些在堆上的,我不知道它们被称为什么).例如,以String类型为例:

我们已经看过字符串文字,其中字符串值被硬编码到我们的程序中.字符串文字很方便,但它们并不总是适合您想要使用文本的每种情况.一个原因是它们是不可改变的....

我不明白上面的内容,因为我们已经看到了这样一个例子:

let mut a = "a"; // this is String literal here, so sitting on the stack
a = "b";
println!("a is being changed to...{}", a); // this is the same String literal sitting on the stack?

显然,文字在Rust中是可变的.两者之间有什么区别,除了文字进入堆栈这一事实,而非文字进入堆？

我试图理解为什么我不应该在我的代码中使用可变文字,考虑到堆栈比堆快.

// a is mutable literal
let mut a = "a";
a = "b";
// b is mutable 'non-literal'
let mut b = String::from("a");
b = String::from("b");

我有一个带有这样的代码的组件：

const Abc: React.FC<AbcTypes> = ({...}) => {...}

Abc.getLayout = () => {...}

我不清楚如何getLayout在 Typescript 中定义/扩展 Abc 组件的方法？