मुझे पता है कि Angular2 बीटा अभी जारी किया गया है, लेकिन मैं उनके आधिकारिक साइट ट्यूटोरियल ( https://angular.io/guide/quickstart ) से चरणों को पुन: उत्पन्न नहीं कर सकता । हो सकता है कि किसी के पास समान मुद्दे थे और जानता है कि इसे ठीक करने के लिए क्या करना है? जब मैं एप्लिकेशन को npm startकमांड के साथ शुरू करने की कोशिश करता हूं तो मुझे इस तरह से आउटपुट मिलता है:
0 info it worked if it ends with ok
1 verbose cli [ 'node', '/usr/local/bin/npm', 'start' ]
2 info using npm@2.7.4
3 info using node@v0.12.2
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart angular2-quickstart@1.0.0
6 info start angular2-quickstart@1.0.0
7 verbose unsafe-perm in lifecycle true
8 info angular2-quickstart@1.0.0 Failed to exec start script
9 verbose stack Error: angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
9 verbose stack Exit status 127
9 verbose stack at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:213:16)
9 verbose stack at EventEmitter.emit (events.js:110:17)
9 verbose stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:14:12)
9 verbose stack at ChildProcess.emit (events.js:110:17)
9 verbose stack at maybeClose (child_process.js:1015:16)
9 verbose stack at Process.ChildProcess._handle.onexit (child_process.js:1087:5)
10 verbose pkgid angular2-quickstart@1.0.0
11 verbose cwd /Users/tmrovsky/Documents/angular2/angular2-quickstart
12 error Darwin 13.4.0
13 error argv "node" "/usr/local/bin/npm" "start"
14 error node v0.12.2
15 error npm v2.7.4
16 error code ELIFECYCLE
17 error angular2-quickstart@1.0.0 start: `concurrent "npm run tsc:w" "npm run lite" `
17 error Exit status 127
18 error Failed at the angular2-quickstart@1.0.0 start script 'concurrent "npm run tsc:w" "npm run lite" '.
18 error This is most likely a problem with the angular2-quickstart package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error concurrent "npm run tsc:w" "npm run lite"
18 error You can get their info via:
18 error npm owner ls angular2-quickstart
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]मेरे पास: टाइपस्क्रिप्ट 1.7.5 संस्करण नोड 0.12.2 संस्करण
शायद किसी को समस्या को हल करने में मदद मिल सकती है :)?
package.json:
{
"name": "angular2-quickstart",
"version": "1.0.0",
"scripts": {
"tsc": "tsc",
"tsc:w": "tsc -w",
"lite": "lite-server",
"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
},
"license": "ISC",
"dependencies": {
"angular2": "2.0.0-beta.0",
"systemjs": "0.19.6",
"es6-promise": "^3.0.2",
"es6-shim": "^0.33.3",
"reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.0",
"zone.js": "0.5.10"
},
"devDependencies": {
"concurrently": "^1.0.0",
"lite-server": "^1.3.1",
"typescript": "^1.7.3"
}
}index.html:
<html>
<head>
<title>Angular 2 QuickStart</title>
<!-- 1. Load libraries -->
<script src="node_modules/es6-shim/es6-shim.js"></script>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<!-- 2. Configure SystemJS -->
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app/boot')
.then(null, console.error.bind(console));
</script>
</head>
<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>
</html>app.components.ts:
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>',
})
export class AppComponent {}boot.js:
import {bootstrap} from 'angular2/platform/browser'
import {AppComponent} from './app.component'
bootstrap(AppComponent);
क्या आप अपनी फाइलों के साथ अपनी पोस्ट को संपादित कर सकते हैं?
—
रोमेन
आपकी फ़ोल्डर संरचना क्या है? इसके अंदर
—
द क्रिटिक
app/या बाहर index.html क्या है?
सबसे पहले, आपकी फ़ाइल boot.js एक टाइपस्क्रिप्ट फ़ाइल होनी चाहिए, इसे boot.ts के रूप में नाम बदलें । मुझे कुछ और नहीं दिखता जो गलत लगता है ... जैसा कि the_critic ने कहा कि आप हमें अपनी परियोजना संरचना दे सकते हैं।
—
रोमेन
यह boot.ts है। मैंने गलती से स्टैकओवरफ्लो पर यहाँ 'js' टाइप किया - क्षमा करें। इंडेक्स html उदाहरण के लिए package.json जैसे रूट पर है। यह एप्लिकेशन / निर्देशिका में नहीं है।
—
टॉमाज़ सियुनेल
सुनिश्चित करें कि आपका नोड संस्करण है
—
एरिक मार्टिनेज
>=4.2.1 <5और आपका npm संस्करण DEVELOPER गाइड>=2.14.7 <3.0 में निर्दिष्ट है । मुझे लगता है कि आप इसे नोड 5 के साथ काम कर सकते हैं, लेकिन मुझे इस बारे में जानकारी नहीं है कि कैसे।
