অ্যাঙ্গুলার 2 কুইকস্টার্ট এনপিএম শুরু সঠিকভাবে কাজ করছে না


105

ফাইল গঠন

আমি জানি অ্যাঙ্গুলার 2 বিটা সবেমাত্র প্রকাশিত হয়েছে তবে আমি তাদের অফিসিয়াল সাইটের টিউটোরিয়াল ( 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);

আপনি কি আপনার ফাইল দিয়ে আপনার পোস্ট সম্পাদনা করতে পারেন?
রোমান

আপনার ফোল্ডার কাঠামো কি? সূচক html এর ভিতরে app/বা এর বাইরে?
the_critic

প্রথমত, আপনার ফাইল boot.js অবশ্যই একটি টাইপস্ক্রিপ্ট ফাইল হতে হবে যার নাম এটি বুট.এসএস হবে । অন্য কিছু যা ভুল বলে মনে হচ্ছে তা আমি দেখতে পাচ্ছি না ... যেমন_ক্রিটিক বলেছিলেন আপনি কি আমাদের আপনার প্রকল্প কাঠামো দিতে পারেন?
রোমেন

এটি বুট.টি. ভুল করে স্ট্যাকওভারফ্লোতে আমি এখানে 'js' টাইপ করেছি - দুঃখিত। সূচক এইচটিএমএল উদাহরণ হিসাবে উদাহরণস্বরূপ প্যাকেজ.জসনের মতো রয়েছে। এটি অ্যাপ / ডিরেক্টরিতে নেই।
টমাসস সিউনেল

2
নিশ্চিত করুন যে আপনার নোড সংস্করণটি >=4.2.1 <5এবং আপনার এনপিএম সংস্করণটি ডেভেলপার গাইড অনুসারে>=2.14.7 <3.0 নির্দিষ্ট হয়েছে । আমি মনে করি আপনি এটি নোড 5 দিয়ে কাজ করতে পারেন তবে আমি কীভাবে তা জানি না।
এরিক মার্টিনেজ

উত্তর:


224

startপ্যাকেজ.জসনে থেকে ক্ষেত্রটি পরিবর্তন করুন

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" "

প্রতি

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" "

2
কেন তিনি দুবার টিএসসি চালিয়েছিলেন ( tscএবং tsc -w)?
স্মার্টমাউস

9
এটা কাজ করেছে! কিন্তু কেন? এনজি 2-এ নিরুৎসাহিত হতে শুরু করেছেন।
ম্যাক্সিম

9
বহুবচনে ওয়ার্ড বেলের "প্লে বাই কৌণিক 2 দ্রুত শুরু" কোর্সে এটি ব্যাখ্যা করেছেন। "tsc" কোডটি প্রথমে সংকলন করে কারণ এটি ছাড়াই বড় প্রকল্পে, সংকলন শেষ হওয়ার আগেই সার্ভারটি শুরু হওয়া সম্ভব। সেক্ষেত্রে সার্ভার একটি ত্রুটি ছুঁড়ে দেখায় যে এটি কী করবে জানেন না।
স্টারসেকার

1
2017-এ, আপনার উত্তরে আপনার কার্যক্রমে সত্যিকারের সমস্যাটি উদ্ভাসিত হয়েছিল, এটি হ'ল অ্যাপ কোডটিতে টাইপ স্ক্রিপ্টে সংকলন ত্রুটি ছিল। আমি যখন সংকলনের ত্রুটিগুলি স্থির করেছি, আসল সংস্করণটি আর আপনার কাজের ব্যতীত সূক্ষ্মভাবে কাজ করেছে।
কোডমেড

1
দুর্দান্ত ... "শুরু": "একযোগে n" এনপিএম রান টিএসসি: ডাব্লু \ "pm" এনপিএম রান লাইট me "" আমার জন্য কাজ করেছে ...
ডিলিপ কোসুরি

86

অর্ডার পাওয়ার জন্য npm startআমার জন্য চলমান, আমি নিশ্চিত যে আমি বিশ্বব্যাপী devDependencies কিছু ইনস্টল করেছিলেন করতে হয়েছিল। আপনি চেষ্টা করেছেন:

  • npm install -g concurrently
  • npm install -g lite-server
  • npm install -g typescript

তবে আমি মনে করি lite-server
alচ্ছিক

11
আমার জন্য কাজ করেছেন। sudo npm update -g && sudo npm install -g concurrently lite-server typescript
স্যাম ফিনিগান

6
স্থানীয় সংস্করণটি আনইনস্টল করতে ভুলবেন না:npm uninstall lite-server
অরেলিন

1
উডেমি কোর্স থেকে কৌনিক 2-বীজ ব্যবহার করে ওয়েব সার্ভার শুরু করতে আমার একই সমস্যা হয়েছিল। এটি আমার সমস্যাটি স্থির করেছে।
নাচ

হ্যাঁ! বিশ্বব্যাপী লাইট-সার্ভারটি ইনস্টল করা এবং স্থানীয় প্যাকেজ আনইনস্টল করা অবশেষে আমার পক্ষে ভ্যাগ্রেন্টে কাজ করেছে! অনেক ধন্যবাদ!
ইয়াহিয়া উদ্দিন

48

প্রথমে আপনাকে এনপিএম, লাইট-সার্ভার এবং টাইপস্ক্রিপ্ট আপডেট করতে হবে:

sudo npm update -g && sudo npm install -g concurrently lite-server typescript

আপনার কৌণিক প্রকল্প ডিরেক্টরি থেকে নোড_মডিউল ফোল্ডার মুছুন (যদি বিদ্যমান থাকে)। পরবর্তী রান:

npm install

এরপরে ENOSPC ত্রুটিগুলি সমাধান করুন:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

অবশেষে:

npm start

এটি আমার প্যাকেজ.জসন ফাইল:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}


3
আমি উত্সাহিত করেছি কারণ এটি আমার সমস্যাটিকে স্থির করেছে। তবে আমি কীভাবে fs.inotify.max_user_watches / / etc / sysctl এ যুক্ত করে তা বুঝতে পছন্দ করব।
জোশুয়া উইলসন

দেখা যাচ্ছে যে পর্যবেক্ষকের আরও স্মৃতি দরকার এবং এটি সরবরাহ করে।
জোশুয়া উইলসন

আমি মডিউলগুলি প্রথমে মুছে ফেলিলে মনে হয়েছে এটি আরও ভাল কাজ করবে - rm -r node_modules/। যাইহোক লোকটি যেমন বলে, এটি আমাকে যেতে পেয়েছে; আমি আঘাত করেছি যা আমার কাছে fs.inotify.max_user_watches=524288অত্যধিক বলে মনে হচ্ছে। আছে কি মানসিক সুস্থতা উন্নত বাতাসে?
হবে

এটি যোগ করার মতো যে জাভাস্ক্রিপ্ট কুইকস্টার্টটি বাক্সের ঠিক বাইরে বেরিয়ে আসে। কোন অতিরিক্ত অতিরিক্ত। এবং যখন সার্ভার ওয়েব পৃষ্ঠাটি থামায় stays on screen। টাইপস্ক্রিপ্ট সংস্করণটি কেবলমাত্র 404 পাফ ধোঁয়া
হবে

এটি আমাকে বাঁচিয়েছে, ধন্যবাদ প্রতিধ্বনি fs.inotify.max_user_watches = 524288 | সুডো টি-এ /
এএটিসি / সিসট্যাকল.কনফ অ্যান্ড অ্যান্ড

15

উইন্ডোজ ১০ এ আমার একই ত্রুটি ছিল had মনে হচ্ছে একযোগে এনপিএম প্যাকেজটিতে এটির সমস্যা। এই ত্রুটিটি কীভাবে সমাধান করা যায় তার জন্য আমি 2 টি বিকল্প পেয়েছি:

  • 1. দুটি পৃথক সেন্টিমিডিতে উভয় কমান্ড চালান:

    • প্রথম এক রান: npm run tsc:w
    • দ্বিতীয়টিতে: npm run lite
  • 2. পরিবর্তন package.json

    • এইটিতে শুরু করার বিকল্পটি পরিবর্তন করুন: "start": "tsc && npm run tsc:w | npm run lite",

2
শুধু খেয়াল করার জন্য। লিনাক্সে:"start": "tsc && npm run tsc:w & npm run lite",
এসিভি

ঠিক আছে, এটি আমার জন্য স্বয়ংক্রিয়ভাবে সংশোধন করছে।
dontHaveName

আমি আমার প্রথম মন্তব্যটি উল্লেখ করছিলাম :) লিনাক্সে এটি কাজ করবে না
ACV

শুধুমাত্র এই সমাধানটি আমার পক্ষে কাজ করেছিল। প্রথমে চেষ্টা করা হয়েছে (দুটি পৃথক সেন্টিমিটারে উভয় কমান্ড চালান)। তারপরে উভয় সেন্টিমিডিতে প্রক্রিয়া বন্ধ হয়ে গেল। শেষ পর্যন্ত দ্বিতীয় প্রয়োগ করুন (প্যাকেজ.জসন পরিবর্তন করুন) এবং এক সেন্টিমিডে "এনপিএম স্টার্ট" চালান। আমি যদি একটি ফাইল পরিবর্তন করি তবে স্বয়ংক্রিয়ভাবে লোকালহোস্ট: 3000 রিফ্রেশ এবং আমার পরিবর্তনগুলি দেখায়। অনেক ধন্যবাদ!
অ্যান্ড্রু এফ।

13

এই সমস্ত বিভিন্ন সমাধানের ঘন্টার পর ঘন্টা চেষ্টা করার পরে আমি আজ কীভাবে সমস্যাটি সমাধান করেছি - (যার জন্য এখনও অন্য কোনও উপায় খুঁজছেন)।

আপনার কুইকস্টার্ট দির 2 সেন্টিমিটার খুলুন:

উইন্ডো # 1:

npm run build:watch

তারপর ...

উইন্ডো # 2:

npm run serve

এটি ব্রাউজারে খুলবে এবং প্রত্যাশার মতো কাজ করবে


9

কৌণিক 2-ট্যুর অফ-হিরো ফোল্ডারটি তৈরি করতে কৌণিক 2-কুইকস্টার্ট ফোল্ডার (নোড_মডিউলগুলি সহ) অনুলিপি করার পরেও আমার একই সমস্যা হয়েছিল। এটি আরও জঘন্য ছিল কারণ আসলটি সূক্ষ্ম সংকলন করেছিল তবে অনুলিপিটি ছিল না ...

npm run tsc

আমি নোড_মডিউলগুলি ফোল্ডারটি মুছে ফেলা এবং এনপিএম ইনস্টলটি পুনরায় চালিয়ে সমস্যার সমাধান করতে সক্ষম হয়েছি

এটি আমার জন্য আশ্চর্যজনক ছিল, তাই আমি 2 ফোল্ডারের মধ্যে পার্থক্য করেছি ...

diff -rw angular2-quickstart/node_modules/ angular2-tour-of-heroes/node_modules/

প্যাকেজ.জসন ফাইলগুলিতে অনেকগুলি 'পার্থক্য' রয়েছে যেখানে এই পার্থক্য রয়েছে: -

diff -rw angular2-quickstart/node_modules/yargs/package.json angular2-tour-of-heroes/node_modules/yargs/package.json
5c5
<       "/Users/michael/Tutorials/angular2/angular2-quickstart/node_modules/lite-server"
---
>       "/Users/michael/Tutorials/angular2/angular2-tour-of-heroes/node_modules/lite-server"

... কোন ধরণের অর্থ বোঝায় তবে এর মতো কিছু ছিল: -

diff -rw angular2-quickstart/node_modules/utf-8-validate/build/gyp-mac-tool angular2-tour-of-heroes/node_modules/utf-8-validate/build/gyp-mac-tool
607c607,608
<       return {k: self._ExpandVariables(data[k], substitutions) for k in data}
---
>       return dict((k, self._ExpandVariables(data[k],
>                                             substitutions)) for k in data)

... যা আমি মোটেই বুঝতে পারি না।

ওহ ভাল, আশা করি এটি সাহায্য করবে।


5

প্যাকেজ.জসনে এ থেকে শুরু ক্ষেত্রটি পরিবর্তন করুন:

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" "

প্রতি:

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" "

এটা সত্যিই সাহায্য করেছে।


5

এই উত্তরটি জিম কুপারের দুর্দান্ত বহুবচন বিষয়ক কোর্স "অ্যাঙ্গুলার 2 ফান্ডামেন্টাল" এর সাথে সম্পর্কিত।

যদি আমার মতো আপনার উইন্ডোজ 10 মেশিনে এনপিএম কমান্ডটি চালানো শুরু করতে সমস্যা হয় তবে আমি নীচের পরামর্শ দিই:

প্রশাসক হিসাবে গিট ব্যাশ শুরু করুন (ভিডিওর পদক্ষেপগুলি অনুসরণ করুন) প্রকল্প ডিরেক্টরিতে নেভিগেট করুন ( এনজি 2-ফান্ডামেন্টালস ) এবং তারপরে নিম্নলিখিত কমান্ডগুলি টাইপ করুন:

npm config get registry

npm cache clean

npm install

ইনস্টলেশন সমাপ্ত হওয়ার পরে আপনাকে নোড_মডিউলগুলি ফোল্ডারের অভ্যন্তরে স্প্যান-ডিফল্ট-শেল মডিউলটিতে অবস্থিত গেট-শেল.জেএস ফাইলটি পরিবর্তন করতে হবে:

নিম্নলিখিত পরিবর্তন করুন:

const DETECT_SH_REGEX = /sh$/;

এটি:

const DETECT_SH_REGEX = /sh/;

উল্লেখ্য $ SH স্ট্রিং (যিনি উপর সমাধান পোস্ট alfian777 এই ফিক্স মূল লেখক ঋণ শেষে থেকে সরানো GitHub )

ফাইলটি সংরক্ষণ করুন এবং তারপরে আপনার গিট ব্যাশ কনসোলে যান এবং টাইপ করুন এনএমপি স্টার্ট

আপনার এখন কোনও ত্রুটি দেখা উচিত নয় এবং লোকালহোস্ট পৃষ্ঠাটি আপনার ডিফল্ট ব্রাউজারে শুরু হবে (বিকল্পভাবে আপনার ব্রাউজারটি খুলুন এবং http: // লোকালহোস্ট: 8808 / ) এ নেভিগেট করুন ।


3

এই উত্তরগুলির কোনওটিই উবুন্টুকে সাহায্য করে না । অবশেষে আমি জন পাপা (লাইট-সার্ভারের লেখক) এর সমাধান পেয়ে গেলাম।

উবুন্টু 15.10 এ টার্মিনালে এটিকে চালানোর পরে কৌণিক 2 কুইক স্টার্ট প্রাণবন্ত হয়ে উঠল:

প্রতিধ্বনি fs.inotify.max_user_watches = 524288 | সুডো টি -a /etc/sysctl.conf&& sudo sysctl -p

স্পষ্টতই এটি উপলব্ধ ফাইল ওয়াচের সংখ্যা বাড়িয়ে তোলে।

উত্তর উত্স: https://github.com/johnpapa/lite-server/issues/9


3

আমি এই একই সমস্যার মুখোমুখি হয়েছি। তবে উপরের উত্তরগুলির মধ্যে আমার পক্ষে সঠিক সমাধান ছিল না। দেখা যাচ্ছে যে এটি আমার দেব পরিবেশের কারণে আরও কিছু ছিল তখন জিনিসের কোনও সংস্করণ।

যেহেতু আমি ভিজ্যুয়াল স্টুডিও কোড ব্যবহার করেছি, তাই আমি ভিএসসি-তে একটি প্রহরী হিসাবে টাইপস্ক্রিপ্ট সংকলন করার জন্য একটি বিল্ড টাস্ক সেট আপ করেছি। এই বিষয়টি ছিল। ভিএসসি ইতিমধ্যে টিএসসির জন্য একটি এনপিএম টাস্ক শুরু করেছিল এবং তাই টিউটোরিয়ালটির 'স্টার্ট' স্ক্রিপ্টটি সম্পাদন করার সময়, ভিএসসি এখনও চলছে কিনা তা নিয়ে সমস্যা ছিলtsc -w

আমি ভিএসসি-তে টাস্কটি থামিয়ে দিয়ে 'স্টার্ট' স্ক্রিপ্টটি পুনরায় পাঠ করেছি এবং এটি ঠিক কাজ করেছে worked

সমাধান এ: স্টপ এবং এনপিএম স্টার্ট

  • ভিএসসি কমান্ড> টাস্ক: চলমান কাজগুলি সমাপ্ত করুন
  • টার্মিনাল $ npm start

এর পরে সবকিছু এক সাথে কাজ করার জন্য আমি স্টার্ট স্ক্রিপ্টটি পরিবর্তন করে কেবল সার্ভার শুরু করি এবং আসলে টিএসসি চালু করি না।

সমাধান বি: এনপিএম স্টার্ট স্ক্রিপ্ট পরিবর্তন করুন

  • প্রতিস্থাপন করা

    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "

  • সঙ্গে

    "start": "npm run lite"

সমাধান সি: খালি হালকা সার্ভার কমান্ডটি চালান

`npm run lite`

3

আমি নীচের লিঙ্কটি অনুসরণ করে দ্রুত শুরু প্রোগ্রামের সাথে আমার সমস্যাটি সমাধান করেছি।

কৌণিক 2 কুইকস্টার্ট লাইভ-সার্ভার ত্রুটি

Package.jsonস্ক্রিপ্টস সেটিংস পরিবর্তন করুন

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\",

প্রতি:

"start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",

2

এই উত্তরটি কেবল উইন্ডোজ 10 ব্যবহারকারীদের জন্য এবং আপনি নীচে দেখতে পাবেন, আমি সন্দেহ করি যে সমস্যাটি কেবলমাত্র সেই ব্যবহারকারীদের জন্যই ঘটছে:

কী ঘটছে তা জানতে, আপনি পাওয়ারশেলের কমান্ডটি চালাতে পারেন এবং এটি আপনাকে জানাবে যে আসল সমস্যাটি কী:

PS C:\Users\Laurent-Philippe> tsc && concurrently "tsc -w" "lite-server"
At line:1 char:5
+ tsc && concurrently "tsc -w" "lite-server"
+     ~~
The token '&&' is not a valid statement separator in this version.
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRecordException
    + FullyQualifiedErrorId : InvalidEndOfLine

মূলত, বার্তাটি ব্যাখ্যা করে যে উইন্ডোজ 10 এর সাথে টোকেন "&&" এখনও বৈধ নয় এবং যারা ভাবছেন তাদের জন্য && এর পরিবর্তে একই কমান্ডটি আমাদের জানিয়ে দিয়েছে যে অ্যাম্পারস্যান্ড অপারেটরটি ভবিষ্যতের ব্যবহারের জন্য সংরক্ষিত রয়েছে:

 (&) character is not allowed. The & operator is reserved for future use; wrap an ampersand in double quotation marks ("&") to pass it as part of a string.

উপসংহার :

  • আপনি যদি কমান্ডটি ম্যানুয়ালি পাওয়ারশেল থেকে চালু করতে চান তবে আপনি এটির পরিবর্তে এটি ব্যবহার করতে পারেন:

    tsc "&" একযোগে "tsc -w" "লাইট-সার্ভার"

  • আপনি যদি এনপিএম স্টার্ট দিয়ে আপনার অ্যাপ্লিকেশনটি চালু করতে চান তবে আপনার প্যাকেজ.জসনে স্টার্ট লাইনটি প্রতিস্থাপন করুন:

    "start": "tsc এবং একযোগে t" tsc -w \ "\" লাইট-সার্ভার \ ""

  • বিকল্প হিসাবে, ব্যবহারকারীর 60108 এর উত্তরটিও কাজ করে কারণ তিনি অ্যাম্পারস্যান্ড ব্যবহার করছেন না:

    "শুরু": "একযোগে \" এনপিএম রান টিএসসি: w \ "\" এনপিএম রান লাইট \ ""


1

এটি সম্ভবত আপনার এনপিএম সংস্করণটি পুরান, সম্ভবত আমি সম্প্রতি কাজের বিকাশকারী মেশিনে এটি লিখেছি:

npm -v

যদি এটি বর্তমান স্থিতিশীল সংস্করণের চেয়ে কম কিছু হয় এবং আপনি এখানে থেকে আপনার নোড.জেএস ইনস্টলটি আপডেট করতে পারেন https://nodejs.org/en/ :)


1

এই আমার কাজ, রাখুন /// <reference path="../node_modules/angular2/typings/browser.d.ts" />বুটস্ট্র্যাপিং ফাইলের শীর্ষে এটি ।

উদাহরণ স্বরূপ:-

ইন boot.ts

/// <reference path="../node_modules/angular2/typings/browser.d.ts" />
import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.component'

bootstrap(AppComponent);

দ্রষ্টব্য: - নিশ্চিত হয়ে নিন যে আপনি সঠিক উল্লেখের পথটি উল্লেখ করেছেন ।


1
  1. ডেভিনিডেন্সে টাইপসক্রিপ্টটি 1.7.3 হয় তবে আপনার কাছে 1.7.5 ফিক্স সাধারণ রয়েছে।
  2. আপনার জেএস ফাইলগুলি সঠিক ক্রমে আমদানি করুন index.html। আরও তথ্যের জন্য এই সংগ্রহস্থলটি https://github.com/pkozlowski-opensource/ng2-play/blob/master/index.html দেখুন বা আমার সংগ্রহস্থলটি এখানে উল্লেখ করুন

    https://github.com/MrPardeep/Angular2-DatePicker

index.html

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>

    <script>
        System.config({
                    defaultJSExtensions: true,
                    map: {
                        rxjs: 'node_modules/rxjs'
                    },
                    packages: {
                        rxjs: {
                        defaultExtension: 'js'
                      }
                    }
                });
    </script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/router.dev.js"></script>
    <script src="node_modules/angular2/bundles/http.dev.js"></script>

<script>
    System.import('dist/bootstrap');
</script> 

আপনার রিপ্লে জন্য ধন্যবাদ তবে এটি আমার সমস্যার সমাধান করে না :)
টমাসজ সিউনেল

@ এরিক বলেছিলেন যে আপনার নোড সংস্করণটি 4 * 5 এবং এনপিএম সংস্করণের মধ্যে 2 * 3 এর মধ্যে হওয়া উচিত check বা আপনার প্রকল্পের কাঠামো পোস্ট করুন এটি সমস্যাটি খুঁজে পেতে আমাকে সহায়তা করবে।
পারদীপ জৈন

ধন্যবাদ! এটি আমার পক্ষে কাজ করেছে। এই লিঙ্কটি বিশেষত: github.com/pkozlowski-opensource/ng2-play/blob/master/…
ব্র্যান্ডো

আপনার স্বাগতম :) এই লিঙ্কটি কৌনিক 2 বিটা0.0-এ শুরু করার জন্য খুব দরকারী f
পারদীপ জৈন

0

আমি কোনও সমস্যা ছাড়াই পদক্ষেপগুলি পুনরুত্পাদন করতে পারি।

চেষ্টা করুন:

(1) আপনার সূচক html থেকে এই লাইনটি সরিয়ে দিন

<script src="node_modules/es6-shim/es6-shim.js"></script>

(২) ফাইলটি পরিবর্তন করুন: টেমপ্লেট ক্ষেত্রে লাইনের শেষে app.compomot.ts , "," মুছুন

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})

আমার পরিবেশটি এখানে:

$ node -v
v5.2.0

$ npm -v
3.3.12

$ tsc -v
message TS6029: Version 1.7.5

আমার কাজের জন্য দয়া করে এই রেপো রেফার করুন: https://github.com/AlanJui/ng2-quick-start


যদি আমরা ,টেম্পলেটটির শেষে ব্যবহার করি তবে আমি কোনও সমস্যা তৈরি করিনি। এবং কীভাবে প্রকল্প ছাড়াই চলতে পারেes6-shim
পারদীপ জৈন

0

এটা চেষ্টা কর:

  1. এনএমপি / নোডেজ সর্বশেষ সংস্করণগুলি ইনস্টল করুন আমি আমার এনএমপি ইনস্টলেশনটি শুদ্ধ করেছি
  2. এর পরে, টিএসডি ইনস্টল করুন npm install -g tsd
  3. তারপরে ক্লোন করুন https://github.com/johnpapa/angular2-tour-of-heroes.git
  4. অবশেষে npm iএবংnpm start

0

প্যাকেজগুলি বিশ্বব্যাপী ইনস্টল করা এটি করার একটি উপায়, তবে এটি আপনাকে ব্যবহার করা সমস্ত প্রকল্পে একই সংস্করণটি ব্যবহার করতে সীমাবদ্ধ করে।

পরিবর্তে, আপনি আপনার এনপিএম স্ক্রিপ্টগুলির সাথে উপসর্গ করতে পারেন ./node_modules/.bin। আপনার ক্ষেত্রে, package.jsonচেহারাটি এমন দেখাবে:

{
  "name": "reservationsystem",
  "version": "0.0.1",
  "scripts": {
    "tsc": "./node_modules/.bin/tsc",
    "tsc:w": "npm run tsc -w",
    "lite": "./node_modules/.bin/lite-server",
    "start": "./node_modules/.bin/concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "dependencies": {
    "a2-in-memory-web-api": "~0.1.0",
    "angular2": "2.0.0-beta.3",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "systemjs": "0.19.17",
    "zone.js": "0.5.11"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^2.0.1",
    "typescript": "^1.7.5"
  }
}

আমি মনে করি যে এনপিএম ./node_modules/.binডিফল্টরূপে সেই ডিরেক্টরিতে থাকা প্রতিটি "স্ক্রিপ্ট" কমান্ডের সামনে সরবরাহ করার কথা , যে কারণে আসলটি এটি package.jsonদেখায়। আমি নিশ্চিত নই যে সেই বৈশিষ্ট্যটি এনপিএমের প্রতিটি রিলিজে রয়েছে, বা যদি এমন কোনও কনফিগারেশন সেটিংস রয়েছে যা আপনার নির্দিষ্ট করার কথা। এটি সন্ধান করা মূল্যবান হবে!


0

আমার একই সমস্যা ছিল, আমরা দুজনেই এখানে উপাদানগুলিতে 'গুলি' অন্তর্ভুক্ত করতে ভুলে গেছি:

import  {AppComponent} from './app.component'

হতে হবে:

boot.js:

import {bootstrap} from 'angular2/platform/browser'
import  {AppComponent} from './app.components'

bootstrap(AppComponent);

এটি সত্য নয়, উদাহরণ অনুসরণ করে, অ্যাপ ডটকম অংশটিতে কোনও 'গুলি' থাকা উচিত নয়
ব্র্যাড উডস

0

ওএস এক্সে আমার একই ত্রুটি ছিল (নোড ভি 6.2.0 এবং এনপিএম ভি 3.9.3 হোমব্রিউয়ের সাথে ইনস্টল করা) এবং এটি উপরের কোনওটির দ্বারা সমাধান করা হয়নি। একযোগে পরিচালিত কমান্ডগুলিতে আমাকে পুরো পথ যোগ করতে হয়েছিল।

প্যাকেজ.জসনে, আমি এটি পরিবর্তন করেছি:

"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",

এটি:

"start": "tsc && concurrently \"/Users/kyen/.node/bin/npm run tsc:w\" \"/Users/kyen/.node/bin/npm run lite\" ",

আপনার নোড গ্লোবাল বাইনারিগুলি কোথায় সঞ্চয় করা আছে তার ভিত্তিতে আপনাকে অবশ্যই সঠিক পাথগুলি আপডেট করতে হবে। মনে রাখবেন যে প্রথম টিএসসি কমান্ডে আমার পাথ যুক্ত করার দরকার নেই। মনে হয় কেবল একই সাথে নির্দিষ্ট পথগুলি নির্দিষ্ট করা দরকার।


0

আমি একই ত্রুটি পূরণ। এবং অনেক অনুসন্ধানের পরে, আমি অবশেষে এটি পেয়েছি: Angular2 অ্যাপ্লিকেশন ইনস্টল করুন এবং প্যাকেজ.জসনের মাধ্যমে রান করুন । তারপরে আমি প্রতিস্থাপন করার চেষ্টা করেছি

"scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, প্রতি

"scripts": { "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" },

আশা করি কে একই ত্রুটি পেতে সহায়তা করে।

PS: আমার ত্রুটি টমাসজ-এর মতো নয়, যা আমার এনপিএম সংস্করণটি 3.7.3 এবং নোড সংস্করণটি 5.9.1।


0

সমস্ত বিদ্যমান নোড প্যাকেজ আনইনস্টল করুন। নোড এবং এনপিএম আপডেট করুন it যেমন নথিতে ন্যূনতম নোড ভি ৫.এক্সএক্স এবং এনপিএম ৩.০০ এক্সএক্স হিসাবে দেওয়া হয় অন্যথায় এটি ত্রুটি ঘটায়।

কি npm clean। তারপর কি npm install, npm start

এটি আমার জন্য সমস্যাটি সমাধান করেছে।


এটি সত্য নয়, ডকুমেন্টেশনটি ন্যূনতম নোড v4.xx কৌণিক.ও
ব্র্যাড উডস

0

উবুন্টু 16.x ব্যবহারকারীদের জন্য, সর্বশেষতম সংস্করণ 5.x ইনস্টল করা উবুন্টুতে আমার সমস্যা সমাধান করে

curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash -
sudo apt-get install -y nodejs

0

আপাতদৃষ্টিতে একাধিক উপায় রয়েছে যাতে কৌণিক 2-কুইকস্টার্ট আরম্ভ করতে ব্যর্থ হতে পারে। আমি একই সমস্যা চলমান ছিল Angular2 সংস্করণ 2.0.0 নোড 6.6.0 / npm 3.10.3 উইন্ডোজ 7 আমার ক্ষেত্রে চালাতে ইনস্টল একটি তাজা অধীনে npm startটাইপ করা বিষয় ত্রুটি একটি টন ডাম্প:

c:\git\angular2-quickstart>npm start

> angular2-quickstart@1.0.0 start c:\git\angular2-quickstart
> tsc && concurrently "npm run tsc:w" "npm run lite"

node_modules/@angular/common/src/directives/ng_class.d.ts(46,34): error TS2304: Cannot find name 'Set'.
node_modules/@angular/common/src/pipes/async_pipe.d.ts(39,38): error TS2304: Cannot find name 'Promise'.
(...)

এই সমস্যাটি কৌণিক কুইকস্টার্ট ইস্যুতে আলোচনা করা হয়েছে # 63, "টাইপিংস" সঠিকভাবে ইনস্টল করা হচ্ছে না । যে টিকিট হিসাবে ঠিক দেয়

$ ./node_modules/.bin/typings install

যা আমার পক্ষে কাজ করেছিল (আমি এখনও এটি করার "সঠিক" উপায় সম্পর্কে নিশ্চিত নই))


0

দয়া করে নিশ্চিত করুন নাম সঠিক, এইভাবে পরিবর্তন করা componentমধ্যে boot.js করতে componentsএখানে চিত্র বর্ণনা লিখুন


0

Https://github.com/npm/npm/issues/14075 ঠিকানায় যান । এবং জুয়ানিলিস্কার উত্তরটি চেষ্টা করে দেখুন। আপনাকে সাহায্য করতে পারে।

এনপিএম কনফিগারেশন রেজিস্ট্রি পেতে

এনপিএম ক্যাশে পরিষ্কার

এনপিএম ইনস্টল


0

প্যাকেজ.জসন ফাইলে, আমি যে লাইনটি সরিয়েছিলাম তা সরিয়ে ফেললাম "prestart": "npm run build"। এটি একটি ব্লকিং কমান্ড হিসাবে উপস্থিত হবে এবং এটি (এনপিএম) শুরুর আগে ঘটে, ফলে অন্যান্য সূচনা কমান্ডগুলি আটকাতে পারে।


0

কৌণিক.জসনে শুরু করুন পরিবর্তন করুন "start": "ng serve --host 0.0.0.0"অথবা "start": "lite-server"চালান A এছাড়াও আপনি কৌনিক / ক্লাইটি সঠিকভাবে ইনস্টল করেছেন কিনা তা পরীক্ষা করে দেখুন।


0

আমি দ্রুত শুরু করার টিউটোরিয়ালটি পর্যন্ত আমি ধাপগুলি দিয়েছিলাম npm start। তারপর আমি এই ত্রুটি পেয়েছিলাম। তারপরে আমি node_modulesফোল্ডারটির নীচে angular-quickstartমুছলাম এবং npm installআবার দৌড়ালাম । এখন এটা কাজ করছে.


0

আপনি যদি প্রক্সি ব্যবহার করেন তবে এটি এই ত্রুটির কারণ হতে পারে:

  1. npm config set proxy http://username:pass@proxy:port

  2. npm config set https-proxy http://username:pass@proxy:port

  3. .typingsrcআপনার অ্যাপ্লিকেশন ফোল্ডারে নামযুক্ত একটি ফাইল তৈরি করুন যাতে এতে অন্তর্ভুক্ত থাকে:

    • প্রক্সি = (পদক্ষেপ 1 এর মান)
    • https- প্রক্সি = (পদক্ষেপ 1 এর মান)
  4. চালান npm cache clean

  5. চালান npm install
  6. চালান npm typings install
  7. চালান npm start

এটা তখন কাজ করবে


নাহ, স্টিল্লি পেয়ে যাচ্ছে: ত্রুটি টিএস 5023: অজানা সংকলক বিকল্প 'মডিউল রেজোলিউশন'।
ক্রিস্টোফ কলিন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.