Question

我如何将angularjs 2框架集成到我的django项目中，如果你在angularjs 2和bootstrap.thank中表现好，我已经使用了bootstrap.please帮助。 如何使用它，因为在我身边它不起作用

  npm install -g angular-cli and npm install -g @angular/cli
  ng new project-title
  cd project-title
  ng serve

这是我使用这些命令npm install -g angular-cli和npm install -g @angular/cli

时得到的错误

Microsoft Windows [Version 6.1.7600]
Copyright (c) 2009 Microsoft Corporation.  All rights reserved.

C:\Users\harrugg>npm install -g @angular/cli
npm ERR! Windows_NT 6.1.7600
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\
node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "@angular/cli"
npm ERR! node v7.8.0
npm ERR! npm  v4.2.0

npm ERR! Cannot read property 'path' of null
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR!     <https://github.com/npm/npm/issues>
npm ERR! Windows_NT 6.1.7600
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\
node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "@angular/cli"
npm ERR! node v7.8.0
npm ERR! npm  v4.2.0
npm ERR! code ECONNRESET

npm ERR! network socket hang up
npm ERR! network This is most likely not a problem with npm itself
npm ERR! network and is related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settin
gs.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! Please include the following file with any support request:
npm ERR!     C:\Users\harrugg\AppData\Roaming\npm-cache\_logs\2017-04-11T10_40_5
6_491Z-debug.log

强文

Answer 1

如您所知，angular 2是基于组件的前端框架，用于构建单页Web应用程序。将angular2 / 4与Django集成。使用Django和Django restframework创建一个restful API，并使用angular2来使用这些API端点。这是使用Django和angular2的最佳和推荐方式。

例如，如果您有多个Django应用程序，您可以根据其他普通的Django应用程序在您的应用程序上创建角度。

您可以创建如下所示的文件夹结构。

这是可以帮助您开始使用Django和angular 2的链接。

https://4sw.in/blog/2016/django-angular2-tutorial/

关于你的安装错误，它已经在堆栈溢出中得到了回答，因为我认为错误是npm本身而不是angular2

检查package.json是否在您的工作目录中如果不是使用npm init创建它并尝试使用npm install @angular/cli命令安装angular2。

如果这个过程不起作用。我认为npm的问题。此链接将帮助您调试npm问题。检查此链接。 Windows 7, npm install -g react-native-cli gives "Cannot read property 'path' of null"

Answer 2

我已经对这个链接进行了评论，它有安装问题。这是程序[https://github.com/npm/npm/issues/15348）使用以下命令。

npm config set proxy proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080
npm config set proxy null 4npm config set https-proxy null
npm config set strict-ssl false

使用以下命令

npm config get registry
npm config get http-proxy
npm config get https-proxy

我是angularjs 2 framework.i的新手。需要帮助才能理解这一点

2 个答案: