小编Kyl*_*ell的帖子

我无法弄清楚我是否正在使用正确的方法让login/logout按钮在使用material-ui-next("material-ui":"^ 1.0.0-beta.22", )

似乎他们iconElementRight=从api中删除了.我们必须<Grid>在appbar中使用now吗？感觉有点笨拙.在appbar中浮动按钮(例如登录)的正确方法是什么？

<AppBar position="static">
      <Toolbar>
        <Grid container spacing={24}>
          <Grid item xs={11}>
            <Typography type="title" color="inherit">
              Title
            </Typography>
          </Grid>

          <Grid item xs={1}>
            <div>
              <HeartIcon />
              <Button raised color="accent">
                Login
              </Button>
            </div>
          </Grid>
        </Grid>
      </Toolbar>
    </AppBar>

据我了解,IIFE模式是一个解决ES5及以下无法创建块范围的事实.通过将所有内容包装在函数中并立即调用它,我们可以创建一个范围.

现在,let并且const将获得更多浏览器的支持,这是否减少了对IIFE模式之类的需求？

我有一个关于webpack的基本问题,并且我可以使用帮助进行反应(围绕代码混淆/ uglification).

我正在使用create-react-app我的应用程序,它似乎为生产创建了一个捆绑的构建(运行后yarn build).

在该文件中,似乎所有内容都放入main.JS文件和main.CSS文件等等.我使用"firebase deploy"(在我的情况下)推送这个.我希望我的代码可以被丑化,并且不会被任何开发人员完全读取.

但是,当我在Chrome中查看我的应用时,它不显示main.JS或任何其他捆绑文件.它只显示每个单独的文件以及我编写的代码.知道为什么会这样吗？为什么不在chrome中的'sources'选项卡下显示uglified组合的main.js文件？这与源地图有关吗？

终端上的整个错误消息是：

error GraphQL Error Field "image" must not have a selection since type "String" has no subfields.

这似乎是一个真正的错误，它出现在这里：

gatsby 问题 4123 gatsby 问题 11412 gatsby 问题 11534 gatsby 问题 2050 gatsby 问题 3531 gatsby remark 插件问题 2 netlify-cms 问题 325

以及几个 Stackoverflow 问题/答案。

但是答案/修复无处不在。有些人拼错了他们的文件或订购了错误的插件（我认为）。其他时候，此人需要exports.onCreateNode在 gatsby-node.js 中进行大量重写。其他时候修复是重新克隆你的仓库并再次运行 npm install 。

无论如何，我已经尝试了对一切的感觉。似乎有数十或数百人在尝试开始使用 Gatsby 时会遇到此错误。他们应该检查什么？他们应该从哪里开始解决这个问题？似乎有 7 个潜在的事情需要检查......

我已经通读了 gatsby-image 文档，但不知道如何关闭某些东西。默认情况下， gatsby-image 似乎加载图像的缩略图，然后逐步加载图像。基本上是一个不错的占位符效果。但是我发现每次更改页面时，我的徽标都会变得模糊。这是我的代码：

 <StaticQuery
            query={graphql`
              query {
                file(relativePath: { eq: "appendto_logo.png" }) {
                  childImageSharp {
                    # Specify the image processing specifications right in the query.
                    # Makes it trivial to update as your page's design changes.
                    fixed(width: 150) {
                      ...GatsbyImageSharpFixed
                    }
                  }
                }
              }
            `}
            render={data => <Img fixed={data.file.childImageSharp.fixed} />}
          />

有什么想法吗？如何防止这种模糊效果？或者缩略图加载效果...

我一直试图在一个Digital Ocean Droplet上的不同域上设置几个Node应用程序.我在单个VPS上跟踪了Host Multiple Node.js应用程序,其中包括nginx,forever和crontab文章.

我有正确指向的域和A记录集.

除了默认快递3000之外,我似乎无法在任何其他端口上运行应用程序(永远).

我更改了Nginx设置,就像它问的那样:

我取消注释了server_names_hash_bucket_size 64; (就像它说的那样)

我为应用程序创建了/etc/nginx/conf.d/example.com.conf文件(它们是不同的域.我在端口3000上放置1,在4000上放置另一个).

例:

server {
listen 80;

server_name your-domain.com;

location / {
    proxy_pass http://localhost:{YOUR_PORT};
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
}

}

我不明白Nginx运行应用程序和永远存在时的区别？"npm start"在哪里发挥作用？有多少潜在服务器同时工作？

我似乎无法一次运行超过1个应用程序.我可以弄清楚如何正确地将Node应用程序文件夹分配给端口,并永远保持它永远活着.

我正在使用angular-leaflet-directive和geojson来使用leaflet和mapbox创建地图标记.标记上的弹出窗口未在标记上正确对齐.

angular.extend($scope, { // Map data
                geojson: {
                    data: $scope.filteredShows,
                    onEachFeature: function (feature, layer) {
                        layer.bindPopup(feature.properties.artist + ' · ' + feature.properties.venue);
                        layer.setIcon(defaultMarker);
                        layer.on({
                            mouseover: pointMouseover,
                            mouseout: pointMouseout
                        });
                        layers[feature.properties.id] = layer;
                    }
                }

            });

如何更改标记的偏移量？

我正在使用indexOfReact组件来根据对象是否在mobx可观察数组中来设置按钮的样式.

该按钮用于收藏.它将该特定列表项的对象推送到名为"favorites"的商店中的可观察数组中.收藏夹是一个可观察的对象数组.

这是我的按钮中的ES6模板文字:

className={`btn-group ${((this.props.store.favorites.indexOf(this.props.data) > -1)) ? 'success' : 'info'}`}

基本上,它检查对象是否在数组中success,如果为false,则为className info.

当收藏夹数组处于本地状态时,这非常正常.但是我发现收藏夹数组中的对象在可观察数组中看起来有所不同.我得到的是可观察数组的收藏夹与本地数组收藏夹不同.

但是,如何测试对象是否在可观察的对象数组中呢？我试过slice()并peek()使用findIndex但没有骰子.

我在material-ui文档中找不到有关... theme.mixins.toolbar的任何文档。这是做什么的？如何更改或使用它？

如何在 material-ui 图标周围添加颜色轮廓？有这个

看起来更像这样？

我尝试过中风和 webkit-stroke，但没有任何运气。它在整个隐形盒子周围放置了一个边框。