简体   繁体   English

无法在layout.ejs(sails.js)中添加脚本

[英]Not able to add scripts in layout.ejs (sails.js)

I am trying to add a route.js file in the layout.ejs. 我想在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>

Whenever i add this and save it. 每当我添加它并保存它。 Its got saved. 它得救了。 But when i try to run sails lift . 但是,当我尝试运行sails lift The route.js script getting gone and the layout.ejs file changes into old state. route.js脚本消失了,layout.ejs文件变为旧状态。 Can anyone figure this out? 有人能搞清楚吗? Any idea of what may be the bug? 什么可能是错误的想法? cause of grunt? 咕噜声的原因?

As long as I remember, everything inside 只要我记得,里面的一切

 <!--SCRIPTS-->
...

<!--SCRIPTS END-->

section is generated by sails. section由sails生成。 Try just to put your link after , so it will be like 尝试将链接放在后面,这样就好了

<!--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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM