Question

我已经制作了一个angularjs应用程序并在wamp服务器上运行它运行正常，但现在想在节点快递上移动它但在阅读之后我刚刚在package.json文件中进行了更改，如下所示：

      {
        "name": "Example",
         "namelower": "example",
          "version": "0.0.1",
           "description": "An example AngularJS project",
           "readme": "README.md",
           "repository": {
           "type": "git",
           "url": "git@git.example.com:example.git"
            },
           "devDependencies": {
                        "grunt": "0.4.2",
                        "grunt-contrib-concat": "0.3.0",
"grunt-contrib-copy": "0.5.0",
"grunt-contrib-jshint": "0.8.0",
"grunt-contrib-nodeunit": "0.3.0",
"grunt-contrib-uglify": "0.2.2",
"grunt-contrib-watch": "0.5.3",
"grunt-exec": "0.4.5",
"grunt-jsdoc": "0.5.4",
"grunt-karma": "0.8.3",
"karma": "0.12.16",
"karma-jasmine": "0.1.5",
"karma-ng-html2js-preprocessor": "^0.1.2",
"karma-phantomjs-launcher": "0.1.4"

     },
         "scripts": {
          "postinstall": "bower install",
           "test": "grunt build"
                      },

           "dependencies": {
                               "protractor": "^2.1.0"
                                "express"    : "~4.7.2",
                                "mongoose"   : "~3.6.2",
                                 "morgan"     : "~1.2.2",
                                "body-parser": "~1.5.2",
                               "method-override": "~2.1.2"
                                      }
                                     }

编辑package.json后，我在cmd上运行了npm install但是得到了这个

         error:C:\wamp\www\First-angular-App>npm install
         npm ERR! install Couldn't read dependencies
         npm ERR! Windows_NT 6.2.9200
         npm ERR! argv "C:\\Program Files\\nodejs\\\\node.exe" "C:\\Program          Files\\nod

\ node_modules \ npm \ bin \ npm-cli.js“”install“ 错误的ERR！节点v0.12.7 错误的ERR！ npm v2.11.3 错误的ERR！文件C：\ wamp \ www \ First-angular-App \ package.json 错误的ERR！代码EJSONPARSE

       npm ERR! Failed to parse json
        npm ERR! Unexpected token 'e' at 34:6
        npm ERR!     "express"    : "~4.7.2",
        npm ERR!      ^
        npm ERR! File: C:\wamp\www\First-angular-App\package.json
          npm ERR! Failed to parse package.json data.
        npm ERR! package.json must be actual JSON, not just JavaScript.
        npm ERR!
        npm ERR! This is not a bug in npm.
        npm ERR! Tell the package author to fix their package.json file.  JSON.parse

       npm ERR! Please include the following file with any support request:
       npm ERR!  C:\wamp\www\First-angular-App\npm-debug.log

我怎么能这样做以及我需要在node express上运行我的应用程序需要做些什么？

Answer 1

你在第33行的"protractor": "^2.1.0"后遗漏了一个逗号。

如果您不能手动编写package.json，请使用npm init，然后使用--save从控制台安装所有软件包。这样你就可以避免拼写错误。

Answer 2

使用Node.js在本地服务器上部署AngularJs应用的步骤

首先在应用程序路径中打开cmd，然后键入npm init。提供必要的信息。

使用npm i express安装express并创建server.js文件，如下所示：

const express = require('express')
const app = express();
const port = 3000;
var path    = require("path");

app.get('/',function(req,res){  
    res.sendFile(path.join(__dirname+'/index.html')); 
 });

app.listen(port, () => console.log(`Example app listening on port ${port}!`))

打开http://localhost:3000/以查看输出。它将呈现index.html。

如何在节点服务器上运行angularjs app？

2 个答案:

使用Node.js在本地服务器上部署AngularJs应用的步骤