Question

因此，我已经使用NPM安装了ZURB Foundation的CSS框架的最新版本的“基础站点”。

现在，到目前为止，CSS可以正常工作，但似乎框架的javascript不能正常工作。我的测试现场没有互动。安装后，NPM告诉我不满足几个依赖项：

npm WARN Foundation-sites@6.5.3需要一个jquery @> = 2.2.0的对等节点，但未安装。您必须自己安装对等依赖项。 npm WARN Foundation-sites@6.5.3需要一个对等输入@> = 4.1.0，但没有安装。您必须自己安装对等依赖项。 npm WARN frameworktests没有描述 npm WARN frameworktests没有存储库字段。 npm WARN frameworktests没有自述文件数据 npm WARN frameworktests没有许可证字段。

现在，我在本地托管所有这些依赖项，并且由于chrome控制台不会引发任何错误，因此我网站上的包含项似乎工作正常。但是，它仍然无法正常工作。所以我想知道我是否还在对依赖项进行错误处理？还是我想念的其他东西？

这是我的标记：

 < !DOCTYPE html>
  < html class = "no-js">
   < head>
     <meta charset="utf-8" />
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="Vendor/Foundation/css/foundation.css">
     < link rel="stylesheet" href="Vendor/Foundation/css/app.css">
     < title>Hauptseite</title>
   </head>

 < body>
 <div class="top-bar">
  <div class="top-bar-left">
   <ul class="dropdown menu" data-dropdown-menu>
    <li class="menu-text">Site Title</li>
    <li class="mega-menu">
      <a data-toggle="mega-menu" href="#">One</a>

      <div class="dropdown-pane bottom" id="mega-menu" data-dropdown data-options="closeOnClick:true; hover: true; hoverPane: true; vOffset:11">

        <div class="row expanded">
          <div class="column">
            <ul class="menu vertical">
              <li><a href="#">One</a></li>
              <li><a href="#">Two</a></li>
              <li><a href="#">Three</a></li>
            </ul>
          </div>
          <div class="column">
            <ul class="menu vertical">
              <li><a href="#">One</a></li>
              <li><a href="#">Two</a></li>
              <li><a href="#">Three</a></li>
            </ul>
          </div>
          <div class="column">
            <ul class="menu vertical">
              <li><a href="#">One</a></li>
              <li><a href="#">Two</a></li>
              <li><a href="#">Three</a></li>
            </ul>
          </div>
        </div>

      </div>
    </li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
  </ul>
</div>
<div class="top-bar-right">
  <ul class="menu">
    <li><input type="search" placeholder="Search"></li>
    <li><button type="button" class="button">Search</button></li>
  </ul>
</div>

</div>
<div class="grid-container">

  <div class = "grid-y grid-frame grid-padding-y">
JUST SOME CODE WHICH WAS COMMENTED OUT
 </div> 
  </div> 
   <script src="FrontendLogic/frontendlogic.js"></script>
   <script src="Vendor/jquery/jquery-3.4.1.min.js"></script>
   <script src="Vendor/Foundation/js/app.js"></script>
   <script src="Vendor/Foundation/js/vendor/what-input.js"></script>
   <script src="Vendor/Foundation/js/vendor/foundation.js"></script
</body>
</html>

我如何知道我是否满足节点模块的所有依赖关系？

0 个答案: