কৌণিক - 'হামারজেএস খুঁজে পাওয়া যায়নি'

Question 1

আমি একটি সাধারণ কৌণিক প্রকল্পে কাজ করছি যেখানে আমি আমার প্রকল্পে মেটেরিয়াল ডিজাইন আমদানির চেষ্টা করছি তবে কিছু উপাদান সঠিকভাবে কাজ করছে না এবং একটি কনসোল সতর্কতা বলেছে:

হামারজেএস খুঁজে পাওয়া যায়নি। কিছু কৌণিক উপাদান উপাদান সঠিকভাবে কাজ করতে পারে না।

আমি hammerjsইনস্টল এবং আছে @angular/material। আমি কীভাবে এই সমস্যাটি সমাধান করব?

সাইড নোট

এটি এর মূল্য হতে পারে যে আপনি যদি hammerjsইনস্টল করেছেন এবং আপনার উপাদান এখনও সঠিকভাবে রেন্ডারিং নিশ্চিত করুন যে আপনি ব্যবহার করছেন না করতে হয় angular material উপাদান এবং না HTML উপাদানগুলি materialize-css শ্রেণীর । আপনি যদি হয় ব্যবহার materialize-cssপরিবর্তে angular material, আপনি আপনার প্রকল্পের তা আলাদাভাবে যোগ করার জন্য প্রয়োজন হবে।

Question 2

আপনার package.jsonফাইলে এটি যুক্ত করুনdependencies

"হাতুড়ি": "^ 2.0.8",

অথবা আপনি যদি একটি বিকল্প স্বয়ংক্রিয় ভাবে চান শুধু আপনার টাইপ করতে পারেন npm i hammerjs --save(অথবা npm i hammerjs@2.0.8 --saveযদি আপনি চান তাহলে, যেহেতু 2.0.8সর্বশেষ সংস্করণ nowdays হয়) জন্য root প্রকল্পের ফোল্ডারে এবং পরীক্ষা তারপর, যদি সমস্যা এখনও মোছার চেষ্টা ঘটছে node_modulesফোল্ডার এবং এটা পুনরায় ইনস্টল রুট প্রজেক্ট ফোল্ডারটি চালিয়ে npm installযা ফাইলটিতে dependencies( যেখানে hammerjsথাকে ), devDependencies..., package.jsonএবং তাদের ইনস্টল করে পরীক্ষা করবে।

এছাড়াও আপনার polyfills.ts( আপনার যদি না থাকে তবে একটি রাখার প্রস্তাব দেওয়া হয়)

আমদানি 'হাতুড়ি / হাতুড়ি';

সুতরাং, এটি হবে পাওয়া যখন আপনার কৌণিক অ্যাপ্লিকেশন কার্যকর যেহেতু polyfills.tsনিজেই আমদানি দ্বারা বলা হয় (ক স্বাভাবিক ক্ষেত্রে, আপনি অন্য এটি পরীক্ষা করতে পারেন) মধ্যে main.tsযা কৌণিক অ্যাপের এন্ট্রি পয়েন্ট হয়।

Question 3

হাতুড়ি ইনস্টল করুন

সঙ্গে npm
```
npm install --save hammerjs
```
(বা) সুতা দিয়ে
```
yarn add hammerjs
```

তারপরে hammerjsআপনার অ্যাপ্লিকেশনটির প্রবেশ বিন্দুতে (যেমন src / main.ts) আমদানি করুন।

import 'hammerjs';

Question 4

আপনার systemjs.config.jsফাইলে আপনাকে নিম্নলিখিত এন্ট্রিটি যুক্ত করতে হবে:

'hammerjs': 'npm:hammerjs/hammer.js',

অবশ্যই সহ:

'@angular/material': 'npm:@angular/material/bundles/material.umd.js',

আপনার কোড থেকে অন্য যে জিনিসটি হারিয়ে যাচ্ছে (কমপক্ষে আপনি জিএইচ রেপোতে যা আছে তার উপর ভিত্তি করে) হ'ল মেটেরিয়াল ডিজাইন সিএসএস অন্তর্ভুক্ত করা, এটি আপনার index.htmlফাইলে যুক্ত করুন:

<link href="https://rawgit.com/angular/material2-builds/master/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">

আশা করি এটা কাজে লাগবে.

Question 5

এটি আমার জন্য কাজ করেছে (এবং এটি আইওনিক 4 এর সাথেও রয়েছে) আমি হাতুড়ি.জগুলি কাজ করতে পারি - এবং ম্যাটারিয়াল.াঙ্গুলার.ও (নীচে) দিয়ে আয়নিকও করতে পারি

হাতুড়ি + আয়নিক (হাতুড়ি + কৌণিক পাশাপাশি):

npm install --save hammerjs
npm install --save @types/hammerjs

তারপর

package.json
make sure in dependencies there is this line
"hammerjs": "^2.0.8",

তারপর

tsconfig.json - added types as seen below

"compilerOptions": {
...
...
"types": [
"hammerjs"
]
}

তারপর

in app.component.ts (only there)
import 'hammerjs';

তারপর

in html file (I just took out the first and last < > signs)
div id="myElement"></div
in .ts file

হাতুড়ি সাইট থেকে নমুনা কোড কাজ করে

let element2 = document.getElementById('myElement');
let hamming = new Hammer(element2);
hamming.on("panleft panright tap press pressup", function(ev) {
    element2.textContent = ev.type +" gesture detected.";
    console.log(ev.type +" gesture detected.");
});

হাতুড়ি + আয়নিক + উপাদান: আয়নিক দিয়ে উপাদান হাতুড়ি কাজ করতে

in app.module
import { HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import { GestureConfig } from '@angular/material';

providers: [
    { provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig },
]

এবং ভয়েলা, আপনার উপাদান স্লাইডার কাজ করে।

Question 6

আপনার কমান্ড লাইন বা পাওয়ারশেলটি খুলুন, আপনার কৌনিক 2 প্রকল্পের ডিরেক্টরিটি টাইপ করুন: cd your-project's-rootএন্টার টিপুন এবং পেস্ট করুন:

npm install hammerjs --save

এনপিএম স্বয়ংক্রিয়ভাবে আপনার package.jsonফাইলে সমস্ত নির্ভরতা যুক্ত করবে ।

Question 7

এনএমপি হ্যামারজ ইনস্টল করুন - সংরক্ষণ করুন
এনএমপি ইনস্টল করুন @ প্রকারের / হাতুড়ি - সেভ-দেব
সংকলক বিকল্পের অধীনে এটিকে typcript.config এ যুক্ত করুন

"প্রকার": ["হাতুড়ি"]
এটি app.compomot.ts এ যুক্ত করুন:

Question 8

সাথে ইনস্টল করুন

npm install --save hammerjs

বা

yarn add hammerjs

ইনস্টল করার পরে এটি আপনার অ্যাপ্লিকেশানের প্রবেশের পয়েন্টে (যেমন src / main.ts) আমদানি করুন।

import 'hammerjs';

কৌণিক পদার্থ সূচনা গাইড