小编Ric*_*non的帖子

Node JS 和 NPM 初学者。以下代码引发语法错误，无法找出问题所在。

节点版本：v12.18.3 NPM版本：7.15.1

错误

LayerObj.options?.["displayName"] != undefined
                       ^

SyntaxError: Unexpected token '.'
    at wrapSafe (internal/modules/cjs/loader.js:1053:16)
    at Module._compile (internal/modules/cjs/loader.js:1101:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (/Applications/MAMP/htdocs/nft-generators/hashlips_art_engine-main/index.js:2:39)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)

代码

const layersSetup = (layersOrder) => {
  const layers = layersOrder.map((layerObj, index) => ({
    id: index,
    elements: getElements(`${layersDir}/${layerObj.name}/`),
    name:
      layerObj.options?.["displayName"] != undefined
        ? layerObj.options?.["displayName"]
        : layerObj.name,
    blend:
      layerObj.options?.["blend"] != undefined
        ? layerObj.options?.["blend"]
        : "source-over", …

我有一个带有曲线背景的登录页面。请参考下图。我想知道从 CSS 编码时的最佳方法。我还需要使其具有响应性，并且我使用引导程序作为 CSS 框架。以下是我所做的。

我使用了 SVG 图像作为背景，并将其与 :before 伪类一起使用以显示在底部。而且我还从 SVG 中删除了宽度和高度，并保留了视图框，并向 SVG 添加了 preserveAspectRatio="xMinYMin meet" 以使其具有响应性。（请注意这些属性未添加到 JSFiddle 中的示例中）

创建这些曲线背景的最佳方法是什么？

JSFIDDLE

.hero-container {
  background-image: url(https://images.unsplash.com/photo-1581362508717-f542c1ecf295?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1651&q=80);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 16.625rem 0;
}

.hero-container:after {
  content: url('http://svgshare.com/i/Hud.svg');
  position: absolute;
  width: 100%;
  height: auto;
  bottom: -85px;
}

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<section class="hero-container position-relative">
  <div class="container">
    <div class="row">
      <div class="col-md-7 col-xs-12">
        <h1 class="mb-3">Lorem ipsum dolor sit amet</h1>
        <p class="mb-4 text-white">Lorem ipsum dolor sit amet Lorem ipsum dolor sit …