Question

我正在尝试在layout.ejs中添加route.js文件。

<!DOCTYPE html>
<html ng-app="scratchpad">
  <head>
    <title>Scratchpad</title>

    <!-- Viewport mobile tag for sensible mobile support -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <!--
        Stylesheets and Preprocessors
        ==============================

        You can always bring in CSS files manually with `<link>` tags, or asynchronously
        using a solution like AMD (RequireJS).  Or, if you like, you can take advantage
        of Sails' conventional asset pipeline (boilerplate Gruntfile).

        By default, stylesheets from your `assets/styles` folder are included
        here automatically (between STYLES and STYLES END). Both CSS (.css) and LESS (.less)
        are supported. In production, your styles will be minified and concatenated into
        a single file.

        To customize any part of the built-in behavior, just edit `tasks/pipeline.js`.
        For example, here are a few things you could do:

            + Change the order of your CSS files
            + Import stylesheets from other directories
            + Use a different or additional preprocessor, like SASS, SCSS or Stylus
    -->
    <!--Twitter Bootstrap-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <!--Twitter Bootstrap END-->
    <!--STYLES-->
    <link rel="stylesheet" href="/styles/border.css">
    <link rel="stylesheet" href="/styles/tablerow.css">
    <!--STYLES END-->
  </head>

  <body>
    <nav class = "navbar navbar-default" role = "navigation">
      <div class = "container-fluid">
        <div class = "navbar-header">
          <a class = "navbar-brand" ui-sref = "scratchpad">MY SCRATCHPAD</a>
        </div>
      </div>

    </nav>


    <p>hello world</p>

    <div class = "container">
      <div ui-view></div>
    </div>

    <!--SCRIPTS-->
    <script src="/js/dependencies/sails.io.js"></script>
    <script src="/js/dependencies/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/js/dependencies/bower_components/angular/angular.min.js"></script>
    <script src="/js/dependencies/bower_components/angular-resource/angular-resource.min.js"></script>
    <script src="/js/dependencies/bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
    <script src="/js/dependencies/bower_components/moment/moment.js"></script>
    <script src="/js/dependencies/application.js"></script>
    <script src="/js/dependencies/route.js"></script>

    <!--SCRIPTS END-->
  </body>
</html>

每当我添加并保存它。它得救了。但是当我尝试运行sails lift时。 route.js脚本消失了，layout.ejs文件变为旧状态。有人能搞清楚吗？什么可能是错误的想法？咕噜声的原因？

Answer 1

只要我记得，里面的一切都是

 <!--SCRIPTS-->
...

<!--SCRIPTS END-->

部分由风帆生成。尝试将链接放在后面，这就像

<!--SCRIPTS-->
<script src="/js/dependencies/sails.io.js"></script>
<script src="/js/dependencies/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/js/dependencies/bower_components/angular/angular.min.js"></script>
<script src="/js/dependencies/bower_components/angular-resource/angular-resource.min.js"></script>
<script src="/js/dependencies/bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="/js/dependencies/bower_components/moment/moment.js"></script>
<script src="/js/dependencies/application.js"></script>   
<!--SCRIPTS END-->
<script src="/js/dependencies/route.js"></script>

无法在layout.ejs（sails.js）中添加脚本

1 个答案: