小编tal*_*ves的帖子

OP编辑:如果有其他人遇到这个:该应用程序是使用create-react-app创建的,它限制导入到src文件夹中.但是,如果将react-scripts升级到v1.0.11,则允许您访问package.json.

我想在我的应用程序中从package.json获取版本号.

我已经尝试过这些建议,但是没有一个能够工作,因为我无法从src文件夹外部访问package.json(可能是由于React,我是新手).移动的package.json到SRC那么意味着我不能跑npm install,npm version minor和npm run build从我的根文件夹.我尝试过使用process.env.npm_package_version但结果是未定义的.

我正在使用Jenkins,我还没有设置它来提交提交,但我唯一的想法是从GitLab中的标签获取版本,但我不知道如何做到这一点,它会给回购添加不必要的依赖,所以我真的想找到一个替代方案.

编辑:我的文件结构如下:

--> RootAppFolder
    |--> build
    |--> node_modules
    |--> public
    |--> src
         |--> Components
              |--> Root.js
    |
    |--> package.json

所以要从Root.js访问package.json我必须这样做import packageJson from './../../package.json',然后我收到以下错误:

./src/components/Root.js

找不到模块:您试图导入位于项目src /目录之外的./../../package.json.不支持src /之外的相对导入.你可以在src /中移动它,或者从项目的node_modules /中添加一个符号链接.

我正在使用Vue CLI开发单页应用程序,并希望历史状态pushstate工作,所以我得到干净的URL.

我必须遵循这个:https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps并使用以下内容将_redirects文件添加到我的站点文件夹的根目录:

/*    /index.html   200

问题是我不知道如何将此_redirects文件添加到我的dist文件夹的根目录.我尝试将它添加到静态文件夹,但它最终在子文件夹中而不是在root中.如何在Netlify上部署此文件以使历史模式有效？

// config/index.js
build: {
  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',

是否可以仅使用Javascript和HTML5音频和视频标签流式传输加密内容(DRM),而不使用SWF方法？

我正在创建一个使用反应路由器的反应应用程序。我正在使用路由器来匹配路径，:/bankName-:credit并且它在本地开发中运行良好。我的应用程序唯一需要的路径是:/bankName-:credit，其他所有路径都会命中404. 但是，当我将此应用程序部署到 netlify 时，默认情况下它会转到/并显示自定义404. 这一切都很好。但是现在如果我尝试去，/hdfc-500那么它会给出一个 netlify not found 消息，说明page not found.

我尝试使用netlify 文档中_redirects提到的方法，但这不起作用。

这是我的路线：-

应用程序.js

<Route path='/:bankCode-:credit' component={NestedRoutes} />
<Route component={NotFound} />

这是我的NestedRoutes组件：-

const NestedRoutes = ({ match }) => (
  <Suspense fallback={<LinearProgress />}>
    <Switch>
      <Route exact path={`${match.path}/sc-generate`} component={SCGenerate} />
      <Route exact path='/:bankCode-:credit' component={Home} />
      <Route component={NotFound} />
    </Switch>
  </Suspense>
)

我在我的_redirects文件中使用以下代码：-

/* /:bankCode-:credit

但它试图完全匹配 /:bankCode-:credit

我该怎么做才能解决这个问题？

我还没有看到Aurelia在GitHub页面中运行的演示.我想知道某个地方是否有一个要点或一个回购展示了如何做到这一点.

这只是配置问题gulp还是有其他解决方案？

Netlify社区经常提出另一个问题."Netlify可以将流量从http重定向到https而不强制使用SSL(TLS)吗？"

获得证书后,您可以选中一个框以强制使用TLS.这将设置从http到https的重定向,并为所有请求添加严格传输安全标头.

在完成所有设置并且他们知道不会更改其设置之前,用户不希望强制使用SSL.

我正在使用 R blogdown （使用 Hugo 模板）创建我的个人网站（此处）。该网站托管在 github 上，我设法让它与 netlify 持续集成。

我想跟踪一些访客分析。

如何添加访客计数和某种访客分析工具？

Netlify 可以与谷歌分析或类似工具集成吗？

我正在尝试在 Hugo 中调整图像大小（不使用 HTML/CSS），这在v 0.32 update 中显然可用。在最后一句链接的“图像处理”标题下，描述了以下“调整大小”方法：

调整到给定的尺寸，{{ $logo.Resize "200x" }} 将调整到 200 像素宽并保持纵横比。使用 {{ $logo.Resize "200x100" }} 来控制高度和宽度。

我在我的 Hugo 网站上实现这个时遇到了一些麻烦。特别是，我正在使用一个.md文件，并试图添加一个存储在站点源文件中其他位置的图像。

例如，这是我在.md文件中添加（未调整大小的）图像的方法：

![pdf image](../static/_media/images/pdf.png)

如何50x50使用 v0.32 版本中的调整大小方法添加相同的文件，调整为像素大小？

我构建了一个 Gatsby 站点，该站点使用我从 npm 包“google-maps-react”中获取的 google maps 组件。在我的本地环境中一切正常，但是当我部署到 Netlify 时，我收到“Google Maps JavaScript API 错误：InvalidKeyMapError”。

我完成了确保我的 API 密钥已正确注册和激活的所有步骤。我确保在 Netlify UI 中将 API 密钥声明为环境变量，并在我的组件中使用“process.env.GOOGLE_API_KEY”访问它。

import React from "react"
import { Map, InfoWindow, Marker, GoogleApiWrapper } from "google-maps-react"

export class MapContainer extends React.Component {


  render() {

    return (
      <Map google={this.props.google} zoom={14} initialCenter={{lat:37.769461, lng:-122.251831}}>
        <Marker onClick={this.onMarkerClick} name={"Current location"} />
        <InfoWindow onClose={this.onInfoWindowClose}>
          <div>
            ...some code
          </div>
        </InfoWindow>
      </Map>
    )
  }
}

export default GoogleApiWrapper({
    apiKey: (`${process.env.GOOGLE_API_KEY}`)
  })(MapContainer)

从我读过的内容来看，我需要在 Netlify UI 中声明 GOOGLE_API_KEY 环境变量才能访问它，但我显然错过了一些东西。任何帮助表示赞赏，谢谢

Hugo刚刚发布了一个新版本(此时为0.32).

社区中有人询问如何处理这种情况以测试Netlify构建的新版本.

Netlify用户的推荐行动方案是什么？