簡體   English   中英

MEAN堆棧:未定義角度

[英]MEAN stack: angular is not defined

我一直在尋找整整兩天沒有結果的問題的答案。 我知道有很多關於“未定義角度”的主題,但是他們的答案毫無用處。 起點是我在DigitalOcean上為SPA部署了MEAN堆棧。 還在使用咕use聲。 該應用程序已成功運行,直到grunt嘗試運行具有angular.module(...調用)的server.js文件。

文件夾結構如下:

node_modules

  • 一堆模塊應該有

上市

  • LIB
  • 角,角資源,jQuery等文件夾

路線

  • index.js

SRC

意見

  • index.html,index.jade,layout.jade

bower.json

gruntfile.js

karma.conf.js

的package.json

server.js


bower.json

{
  "name": "meanjs",
  "version": "0.3.2",
  "description": "Fullstack JavaScript with MongoDB, Express, AngularJS, and Node.js.",
  "dependencies": {
    "bootstrap": "~3",
    "angular": "~1.3.0",
    "angular-resource": "1.3.0",
    "angular-animate": "~1.3.0",
    "angular-mocks": "~1.3.0",
    "angular-bootstrap": "~0.11.0",
    "angular-ui-utils": "~0.1.1",
    "angular-ui-router": "~0.2.10"
  }
}

server.js

'use strict';
var cheerio = require('cheerio'),
http = require('http'),
iconv = require('iconv-lite'),
request = require('request'),
mongoose = require('mongoose'),
iconv = require('iconv-lite');

angular.module('myapp', []);
var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public'));
app.set('view engine', 'jade');
app.get('/', function (req, res) {
        res.sendfile('./views/index.html');

});
app.listen(80);

的index.html

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
<script src="/opt/mean/server.js"></script>
         <meta charset="UTF-8">
         <title>Myapptitle</title>
</head>
<body>
        <div id="app">
            <p>Hallelujah, server is running!</p>
        </div>
</body>
</html>

我一直在將與.js文件相關的所有部分移到index.html文件周圍,依此類推。 該應用程序的主要目的是讓server.js運行,並具有幾個基於.js文件的不同角度模塊,這些模塊可處理server.js的JSON文件。 我只是沒有任何線索可以嘗試,請給我一些建議。 如有必要,我將很樂意為您提供更多代碼文件。

server.js是一個Node / Express應用程序,不應包含Angular代碼。 通常,您將有一個用於Angular應用程序的public /文件夾,通常在public / app.js中首先調用angular.module

有關該設置的一個很好的示例,請參見http ://meanjs.org-使用MEAN.JS快速構建示例結構,並查看/server.js和public / app.js的用法示例。

最后,在HTML文件中,將不包括server.js文件,而將包括app.js。 嘗試記住,server.js用於服務器端Node / Express,並且獨立於您的前端代碼。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM