Angular-google-maps: कोणीय 4 यूनिवर्सल - सिंटेक्स एरर: अप्रत्याशित टोकन निर्यात

नमस्कार, मुझे इस मुद्दे से निपटना है जो वास्तव में एक आगम मुद्दा नहीं है, बल्कि एक वैश्विक है।
Agm सहित हाल के अधिकांश पैकेजों को es6 में संकलित किया गया है, जिसमें import और export कीवर्ड हैं।

यूनिवर्सल के समक्ष यह कोई समस्या नहीं थी क्योंकि सिस्टम के लिए पैकेज में हमेशा एक बंडल फ़ाइल होती है, जो कहती है System.js के लिए स्थानीय dev और Webpack / Rollup उत्पादन बंडलों के लिए es6 समझेंगे।

लेकिन यूनिवर्सल के साथ, आप सीधे नोड_मॉडल में फ़ाइलों का उपयोग करते हैं, फिर es6 में, और नोड को अभी तक import और export टोकन के बारे में नहीं पता है।

दो काम किए जा सकते हैं, आप अपने ऐप को यूनिवर्सल के लिए भी बंडल कर सकते हैं, लेकिन आप एक बंडल के लिए बहुत कम समय गंवाएंगे जो कि सर्वर के संदर्भ में बेकार है।

अन्य विकल्प, जिसे मैंने अपनी कंपनी में उपयोग किया है, वह है कि संकलन से पहले एक tmp फ़ोल्डर में अपने सभी स्रोतों को कॉपी करें और इस tmp फ़ोल्डर में एक नोड_मॉडल फ़ोल्डर बनाएँ।
फिर आप सभी @agm फ़ोल्डर ("असली" नोड_मॉडल फ़ोल्डर में एक "tp" नकली "one" में कॉपी कर सकते हैं। फिर आप babel का उपयोग फर्जी नोड_मॉडल फ़ोल्डर में कॉपी की गई es6 फाइलों को आमजनों में बदलने में कर पाएंगे। नोडज समझेंगे (जब आपको @agm नोड की आवश्यकता होगी फर्जी नोड_मॉडल फ़ोल्डर में फ़ाइल की तलाश होगी)

यह सुपर कष्टप्रद है और अब के लिए वास्तव में अन्य विकल्प नहीं हैं (मुझे पता है कि क्या आप एक बेहतर पाते हैं)। मुझे लगता है कि ng2 मॉड्यूल को es6 और कॉमनज दोनों फाइलों को प्रदान करने का एक तरीका खोजना होगा यदि वे चाहते हैं कि उनके मॉड्यूल सार्वभौमिक के लिए उपयोग करना आसान हों :)

Webpack.config का उपयोग करें

externals: [nodeExternals({
    whitelist: [
      /^@agm\/core/,
    ]
})],

@kkaabbaa क्या आप पुष्टि कर सकते हैं कि यह काम करता है?
बस इसे मेरे वेबपैक में जोड़ने से काम पूरा नहीं हुआ।

मैं एक ही समस्या है, मैं babel है और मैं एक नए फ़ोल्डर में परियोजना की एक प्रति बनाया है तो स्थानीय स्तर पर एक babel स्थापित किया है, लेकिन मैं इस प्रक्रिया को समझना चाहूंगा कि Adrienboulle वह अपनी कंपनी के लिए mades क्योंकि मुझे यह वित्तीय प्राप्त करना है अग्रिम धन्यवाद।

मैंने इसे webpack.config में जोड़ा है और यह मेरे लिए काम नहीं कर रहा है।

बाहरी
श्वेतसूची: [
/ ^ @ agm / core /,
]
})],

मेरे पास यह गतिशील रूप से एक घटक को लोड करके एक वर्कअराउंड के साथ काम करना है जिसमें मेरा एगम-मैप है यदि यह ब्राउज़र या सर्वर पर आधारित है: https://angular.io/guide/dynamic-component-loader

मैंने es5 को संकलित किया है, लेकिन त्रुटि भी दिखा रहा है

अंत में सार्वभौमिक के साथ Google मानचित्र का उपयोग करने में सक्षम। मैं रेपो और वीडियो बना रहा हूं

मैं इस पोस्ट में इस्तेमाल किया https://medium.com/@evertonrobertoauler/angular -4-सार्वभौमिक एप्लिकेशन के साथ-कोणीय CLI-db8b53bba07d

और जोड़ा

externals: [nodeExternals({
    whitelist: [
      /^@agm\/core/,
    ]
})],

@kkaabbaa आपने कहाँ जोड़ा है, कृपया?

मेरा वेबपैक .config.js
https://gist.github.com/kkaabbaa/a308b218938ae55357f73c162e887bd5

अभी भी काम नहीं कर रहा है, मैंने @kkaabbaa समाधान की कोशिश की, लेकिन मेरे लिए काम नहीं किया, एक ही मुद्दा

_ Babel_ के नवीनतम संस्करण में समाधान का उपयोग किया

@philippeboyd @dkmostafa मैंने हाल ही में इस मॉड्यूल और अन्य जैसे -> ngx अनुवाद और अधिक ... के लिए एक ही समस्या हल की

समाधान (js फ़ाइलों को es2015 में संकलित करें):

1. npm install --save-dev @babel/core @babel/cli @babel/preset-env
2. .babelrc के नाम से मूल परियोजना में इसे जोड़ें या सीधे cli के माध्यम से प्रीसेट जोड़ें
   { "presets": ["@babel/preset-env"] }

3. पैकेज में एक npm स्क्रिप्ट जोड़ें। "स्कैप्टस्ट्स" स्कोप में
   "compile_@agm_core": "babel node_modules/@agm/core -d node_modules/@agm/core --presets @babel/preset-env",

4. पैकेज में पोस्टस्क्रिप्ट स्क्रिप्ट जोड़ें। "स्क्रैप्टस्ट्स" स्कोप में
   "postinstall": "npm run compile_@agm_core",

5. डिपो स्थापित करने के लिए npm i चलाएं। डिप्स स्थापित करने के बाद, स्क्रिप्ट पोस्टइंस्टॉल चलेगी और बाबेल लक्षित जेएस फाइलों को संकलित करेगा

6. अपना सर्वर चलाएं और दुनिया चाहिए

7. अगर यह काम करता है तो कृपया मुझे प्रतिक्रिया दें मैंने 3 से अधिक एनपीएम मॉड्यूल के लिए एक ही थिन किया, यह मेरी मशीन पर काम करता है: डी

@AnthonyNahas जो एक बहुत ही दिलचस्प विचार है। सत्य होने के लिए यह बहुत अच्छा लगता है! मैं इसे जाने दूँगा

किसी को भी इस के लिए एक समाधान है? अभी हाल ही में यह भी सामना किया।

@adrienboulle चीजों को समझाने के लिए धन्यवाद, अब मुझे आश्चर्य है: क्या पैकेज को एक अलग प्रारूप में जारी करना बेहतर नहीं होगा जो कि कोणीय यूनिवर्सल के लिए भी उपयुक्त है? इस तरह से यहां घूमने वाले सभी वर्कअराउंड की जरूरत नहीं रह जाएगी। या क्या यह संभव होगा कि कोणीय यूनिवर्सल को ES6 कोड समझा जाए?

@AnthonyNahas मैंने कोशिश की। अब यह एक और त्रुटि दिखाता है

import * as i0 from '@angular/core';
^^^^^^
SyntaxError: Unexpected token import

@AnthonyNahas , आपके समाधान के लिए बहुत बहुत धन्यवाद! मैंने कई अन्य समाधानों की कोशिश की जो लगभग एक महीने तक मेरे काम नहीं आए! यह वास्तव में मेरी समस्या को हल करता है =)

@karthikeyanmanureva u को antoher npm मॉड्यूल के लिए वही काम करना चाहिए जो "सिंटैक्सएयर: अनपेक्षित टोकन आयात" फेंक रहा है ...
@martinreus चीयर्स

@AnthonyNahas इसने मेरे लिए काम किया, मुझे नहीं पता कि आप उस समाधान के साथ कैसे आए लेकिन धन्यवाद

@AnthonyNahas n आपके समाधान ने मुझे इस समस्या को हल करने में मदद की है

@AnthonyNahas , धन्यवाद, एक मॉड्यूल के लिए यह काम किया। लेकिन अब मैं एक और पैकेज ng2-स्लिम-लोडिंग-बार का उपयोग कर रहा हूं और यह त्रुटि फेंकता है:

some_path/client/dist/ngfactory/node_modules/ng2-slim-loading-bar/style.css.shim.ngstyle.ts:9

export const styles:any[] = ['.slim-loading-bar[_ngcontent-%COMP%] {\n    position: fixed;\n    margin: 0;\n    padding: 0;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 99999;\n}\n\n\n.slim-loading-bar-progress[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 0;\n    z-index: 99998;\n    background-color: green;\n    color: green;\n    box-shadow: 0 0 10px 0; \n    height: 2px;\n    opacity: 0;\n\n    \n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    -o-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}'];
^^^^^^

SyntaxError: Unexpected token export

किसी भी विचार मैं इसे कैसे ठीक कर सकता हूं?

इसे अपवर्जित अनुभाग में जोड़ें और वेबपैक कम से कम यह देखने की कोशिश करें कि क्या यह है
काम करता है

2017-11-20 15:18 GMT + 01: 00 lomboboo सूचनाएं @github.com:

@AnthonyNahas https://github.com/anthonynahas , धन्यवाद, एक मॉड्यूल के लिए
इसने काम किया। लेकिन अब मैं एक और पैकेज ng2-स्लिम-लोडिंग-बार का उपयोग कर रहा हूं
https://github.com/akserg/ng2-slim-loading-bar और यह त्रुटि फेंकता है:

some_path / client / dist / ngfactory / node_modules / ng2-slim-loading-bar / style.css.shim.ngstyle.ts: 9

निर्यात स्थिरांक शैलियों: कोई [] = ['.slim-loading- बार [_ngcontent-% COMP%] {\ n स्थिति: निश्चित; \ n मार्जिन: 0; \ n गद्दी: 0; \ n शीर्ष: 0; \ n बायाँ: 0; \ n दायाँ: 0; \ n z-index: 99999; \ n} \ n \ n \ n \ n \ _ लोडिंग-बार-प्रगति [_ngcontent-% COMP%] {\ n मार्जिन: 0 ;; n गद्दी: 0; \ n z-index: 99998; \ n पृष्ठभूमि-रंग: हरा; \ n रंग: हरा; \ n बॉक्स-छाया: 0 0 10px 0; \ n ऊँचाई: 2px; \ n अपारदर्शिता: 0; \ n \ n \ n -webkit- संक्रमण: सभी 0.5s आसानी से अंदर-बाहर; \ n -मोज़-संक्रमण: सभी 0.5s आसानी से अंदर-बाहर; \ n -ओ-संक्रमण: सभी 0.5s आसानी से अंदर; \ n संक्रमण: सभी 0.5s आसानी से बाहर; \ n} '];
^>

SyntaxError: अप्रत्याशित टोकन निर्यात

किसी भी विचार मैं इसे कैसे ठीक कर सकता हूं?

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की है।
इस ईमेल का उत्तर सीधे दें, इसे GitHub पर देखें
https://github.com/SebastianM/angular-google-maps/issues/1052#issuecomment-345708386 ,
या धागा म्यूट करें
https://github.com/notifications/unsubscribe-auth/AQFpli_Y29p1Fd66V0COJ32nX1LbECVpks5s4Yo7gaJpZM4OQQB
।

@lomboboo ng2- स्लिम ... मॉड्यूल को ट्रांसपाइल करने के लिए एक नई npm स्क्रिप्ट जोड़ें
-> पैकेज में एक npm स्क्रिप्ट जोड़ें। "स्क्रैप्टस्ट्स" स्कोप में
"compile_ng2-slim-loading-bar": "babel node_modules/ng2-slim-loading-bar -d node_modules/ng2-slim-loading-bar --presets es2015",

फिर ->

add a postinstall script in package.json in "scrtipsts" scope "postinstall": "npm run compile_<strong i="11">@agm_core</strong> && npm run compile_ng2-slim-loading-bar ",

-> इसके बाद npm i एक बार और चलाएं

-> परिणाम
अन्य मॉड्यूल को भी स्थानांतरित किया जाना चाहिए

@AnthonyNahas बहुत बहुत धन्यवाद

@AnthonyNahas , जैसा कि मैंने उल्लेख किया है मेरे पास पहले से ही स्क्रिप्ट है जो इस मॉड्यूल को 2015 तक पहुंचाती है। मेरे पास थोड़ा अलग तरीका है, लेकिन एक ही विचार करें। तो मेरे पास है:

    "ng2_slim:tocommonjs": "node node_modules/babel-cli/bin/babel.js node_modules/ng2-slim-loading-bar/src -d --out-dir node_modules/ng2-slim-loading-bar/src --presets es2015",
    "prestart": "npm run ng2_slim:tocommonjs && npm run ngxerrors:tocommonjs && ng build --prod && ngc",
    "start": "ts-node src/server.ts"

या यह के दौरान वास्तव में अपने तरीके से करना है, मायने रखती है postinstall हुक?

@AnthonyNahas , मैंने postinstall हुक के दौरान 2015 के संकलन का प्रयास किया है, लेकिन त्रुटि वैसे भी दिखाई देती है। मुझे लगता है कि कोणीय द्वारा उत्पन्न client/dist/ngfactory/node_modules/ng2-slim-loading-bar/style.css.shim.ngstyle फ़ाइल है, लेकिन मुझे नहीं पता कि इसे कैसे काम करना है।

@ लम्बोबू

postinstall यह महत्वपूर्ण नहीं है!

क्या वह वही है जो आप अपने प्रोजेक्ट में इस्तेमाल करते हैं?

मुझे पहली एनपीएम स्क्रिप्ट में एक बग मिला: यू को scon में फ़ाइलों की तुलना में अन्य फ़ाइलों को ट्रांसपाइल करने की आवश्यकता हो सकती है ->

इससे पहले ->
"ng2_slim:tocommonjs": "node node_modules/babel-cli/bin/babel.js node_modules/ng2-slim-loading-bar/src -d --out-dir node_modules/ng2-slim-loading-bar/src --presets es2015",

होना चाहिए (के बाद) ->

"ng2_slim:tocommonjs": "babel node_modules/ng2-slim-loading-bar -d --out-dir node_modules/ng2-slim-loading-bar --presets es2015",

पुनश्च: यदि आप टर्मिनल से एक NPM स्क्रिप्ट चलाने यू उपयोग कर सकते हैं babel के बजाय node_modules/babel-cli/bin/babel.js । अन्य केवल तभी सहायक होता है जब आपके कार्य टर्मिनल से तुरंत चल रहे हों और npm के माध्यम से न हों ...

मैंने अभी इस रेपो को कांटा है और मैं जल्द ही इस तरह की त्रुटियों को हल करने के लिए एक बेहतर समाधान प्रदान करूंगा, जैसे अप्रत्याशित टोकन निर्यात / आयात ... ताकि डेवलपर इस मॉड्यूल का उपयोग बिना ट्रांसपाइल के मैन्युअल रूप से src फ़ाइलों का उपयोग कर सके और एक कस्टम npm स्क्रिप्ट चला सके। ।।

@ एंथनीनहास एमवीपी

@AnthonyNahas , इसलिए मैं इस समाधान के साथ समाप्त हुआ। मैंने webpack.config.js , जो सर्वर के लिए

const path = require('path');
const webpack = require('webpack');
const nodeExternals = require('webpack-node-externals');
module.exports = {
  entry: {
    server: './src/server.ts'
  },
  resolve: {
    extensions: ['.ts', '.js'],
    alias: {
      'main.server': path.join(__dirname, 'dist', 'server', 'main.bundle.js')
    }
  },
  target: 'node',
  plugins: [
    //new webpack.NormalModuleReplacementPlugin(/\.\.\/environments\/environment/, '../environments/environment.prod')
  ],
  externals: [nodeExternals({
    whitelist: [
      /^ng2-slim-loading-bar/,
    ]
  })],
  node: {
    __dirname: false,
    __filename: false
  },
  output: {
    path: path.join(__dirname, 'dist'),
    filename: '[name].js'
  },
  module: {
    rules: [
      { test: /\.ts$/, loader: 'ts-loader' }
    ]
  }
};

तो आपको स्थानीय रूप से वेबपैक और वेबपैक-नोड-एक्सटर्नल स्थापित करने की आवश्यकता है। नोडएन्स्टर्नल्स के अंदर आप प्लगइन्स, पैकेजों को परिभाषित कर सकते हैं, जिनकी आपको सर्वर संकलित करने की आवश्यकता नहीं है। मेरे मामले में यह एनजी 2-स्लिम-लोडिंग-बार प्लगइन है जो मैंने वर्णित त्रुटि को फेंकता है।
और अंत में जब आप सर्वर स्क्रिप्ट चला रहे हों तो बस webpack से package.json जोड़ दें। मेरा package.json इस तरह दिखता है:

...
"prestart": "ng build --prod && ngc && webpack",
 "start": "node dist/server.js",
...

यदि आपके पास webpack.config.js का मानक नाम नहीं है, तो आपको webpack तर्क के रूप में सही नाम निर्दिष्ट करने की आवश्यकता है। उदाहरण के लिए,

...
"prestart": "ng build --prod && ngc && webpack --config webpack.server.config.js", // <<<-------
 "start": "node dist/server.js",
...

मुझे उम्मीद है कि यह किसी की मदद करेगा। मेरी राय में यह अधिक मजबूत समाधान है जो आपके सर्वर के साथ समस्या वाले प्रत्येक प्लगइन को संकलित करता है।

@AnthonyNahas मैं उसी मुद्दे का सामना कर रहा हूं और आपके समाधान की कोशिश कर रहा हूं लेकिन
नीचे दिए गए बिंदु के लिए क्या करें जो आपने समाधान में दिया है

• इसे .babelrc नाम के मूल प्रोजेक्ट में जोड़ें
  {"प्रीसेट्स": ["es2015"]}

@ हर्षकेतु
अपने प्रोजेक्ट में, शीर्ष स्तर (रूट) पर -> .babelrc और पेस्ट के साथ एक फ़ाइल बनाएँ
निम्नलिखित -> { "presets": ["es2015"] } <- उस फ़ाइल में

@AnthonyNahas
क्या आपका समाधान webpack.config फ़ाइल के साथ या बिना काम कर रहा है?

यह निर्भर करता है कि क्या आपकी परियोजना को हटा दिया गया है ।
हालाँकि, es5 में कोड को ट्रांसप्लान करना webpack.config फ़ाइल के लिए प्रत्यक्ष निर्भरता नहीं है

@AnthonyNahas के समाधान के बाद, मैंने एक संकलित संस्करण को एक धक्का दिया ताकि कोई सीधे इसे पैकेज में उपयोग कर सके। इसे बाबेल आदि को स्थापित किए बिना।

"@agm/core": "git+https://github.com/cmddavid/core.git"

किसी के भी काम आ सकता है। मैं Firebase होस्टिंग का उपयोग कर रहा हूं, और किसी कारण से Firebase कोड का संकलन नहीं करता है, हालांकि मैं बिल्कुल उसी तरीके का उपयोग कर रहा हूं जैसा कि पैकेज में एंथोनी द्वारा वर्णित है। Firebase के लिए json। इसलिए मैं इस समाधान का उपयोग करता हूं।

@cmddavid मैं इस मुद्दे पर भी

@dockleryxk का यह अर्थ है कि मेरा समाधान

मुझे पूरी तरह से समझ में नहीं आया कि फायरबेस क्यों सभी मॉड्यूल को फिर से स्थापित कर रहा है। क्या सर्वर बंडल सर्वर पर पर्याप्त तैनाती से पहले उत्पन्न नहीं हो रहा है? जहाँ तक मैं बता सकता हूँ नोड स्क्रिप्ट फायरबेस फंक्शन द्वारा निष्पादित किया जा रहा है केवल नोड पैकेज के एक बहुत सीमित सेट की आवश्यकता है। निश्चित रूप से @agm/core पैकेज नहीं है। चूंकि तैनाती के दौरान सर्वर बंडल पहले ही सर्वर पर भेजा जा रहा है।

@cmddavid संभावित रूप से नोड मॉड्यूल निर्देशिका को अपलोड करने के लिए एक लंबा समय लग सकता है क्योंकि मेरा अनुमान क्यों होगा, लेकिन मुझे वास्तव में नहीं पता है। व्यक्तिगत रूप से, मैं संकलित मॉड्यूल को कार्य निर्देशिका के अंदर एक निर्देशिका में रखता हूं और बस इसे कार्य निर्देशिका में package.json से संदर्भित करता हूं। उदाहरण के लिए "@agm/core": "file:./compiled_modules/@agm/core"

@AnthonyNahas ने मेरा दिन बचाया। इस कोणीय यूनिवर्सल सर्वर साइड को प्राप्त करने और अब हफ्तों तक चलने के लिए संघर्ष कर रहा था। आपका समाधान एक आकर्षण की तरह काम किया !!

@AnthonyNahas , Thankyou इतना, मेरे लिए ठीक काम कर रहा है, जब मैंने @agm फाइलें खोली हैं, तो ES6 सिंटैक्स को देखने के बाद, पहले सोचा कि

externals: [nodeExternals({ whitelist: [ /^@agm\/core/, ] })], ने मेरे लिए काम किया। धन्यवाद। अन्यथा @AnthonyNahas समाधान को काम करना चाहिए।

मुझे अपने स्वयं के पैकेजों में से एक ही समस्या थी, और यह पैकेज को "कोणीय पैकेज प्रारूप" बना दिया जिससे संगत ने चाल चली। यह उस के साथ मदद करने के लिए एक बहुत ही उपयोगी npm पैकेज है: https://github.com/dherges/ng-packagr

इसके बहुत ज्यादा प्लग और प्ले।

@AnthonyNahas यह मेरे लिए भी काम कर रहा है।
धन्यवाद

क्या आप लोगों को अभी भी इससे समस्या है? मैं एक यूनिवर्सल प्रोजेक्ट में इस मॉड्यूल का उपयोग कर रहा हूं और यह सभी बॉक्स से बाहर काम कर रहा है। आप किन संस्करणों का उपयोग कर रहे हैं?

Hi @AnthonyNahas , मुझे यह काम करने के लिए प्रतीत नहीं हो सकता है

मुझे यह त्रुटि संदेश मिला:
`C: \ Users \ Andrenode_modules \ ng2-google-place-autocompleteindex.s: 6
निर्यात * 'से ।/src/index';
^>

SyntaxError: अप्रत्याशित टोकन निर्यात
CreateScript (vm.js: 80: 10) पर
Object.runInThisContext (vm.js: 139: 10) पर
मॉड्यूल पर।
मॉड्यूल._ पाठों पर ..js (मॉड्यूल.js: 646: 10)
Object.require.extensions पर। (अनाम फ़ंक्शन) [as .ts] (C: \ Users \ Andrenode_modulests-node \ srcindex.ts: 392: 14)
Module.load (मॉड्यूल.js: 554: 32) पर
TryModuleLoad (मॉड्यूल.js: 497: 12) पर
समारोह में
Module.require (मॉड्यूल.js: 579: 17) पर
आवश्यकता पर (आंतरिक / मॉड्यूल.js: 11: 18) `

मैंने फिर आपके चरणों का पालन किया:

1. npm i - save -dev babel-cli babel-preset-es2015

2. इसे .babelrc नाम के मूल प्रोजेक्ट में जोड़ें
   {"प्रीसेट्स": ["es2015"]}

3. इस स्क्रिप्ट को मेरे package.json फ़ाइल में जोड़ें

"स्क्रिप्ट": {
"compile_ng2-google-place-autocomplete": "babel node_modules / ng2-google-place-autocomplete -d node_modules / ng2-google-place-autocomplete" es2015 ",
"प्रेस्टार्ट": "एनजी बिल्ड --प्रोड एंड& एनजीसी",
"start": "ts-node src / server.ts",
"पोस्ट-इंस्टॉलेशन": "npm run compile_ng2-google-place-autocomplete"
}

1. deps स्थापित करने के लिए npm i चलाएं। डिप्स स्थापित करने के बाद, स्क्रिप्ट पोस्टइंस्टॉल चलेगी और बाबेल लक्षित जेएस फाइलों को संकलित करेगा

2. Npm रन प्रारंभ करें

3. मुझे अभी भी वही त्रुटि मिलती है।

यदि आप मेरी मदद कर सकते हैं तो यह वास्तव में बहुत मदद होगी क्योंकि मैंने इसे ठीक करने में घंटों बिताए हैं!

@dockleryxk , @AnthonyNahas , @cmddavid एक सरल और आसान तरीका है ...
यार्न जोड़ने agm- संकलित। Webpack और sytemjs नॉनसेंस के बिना, काम कोणीय 5 ^ + सार्वभौमिक + एसएसआर + फायरबेस होस्टिंग / फ़ंक्शन।

@ ग्रेटवुड महान है, हालांकि एनपीएम संस्करण भी उपलब्ध होना अच्छा होगा।

धन्यवाद @AnthonyNahas ,
आपने मेरा दिन बचाया, इसका वास्तव में बहुत अच्छा काम हुआ, क्योंकि मैं क्ली टूल को खारिज करने से सहमत नहीं था।

बहुत बहुत धन्यवाद।

@AnthonyNahas babel-preset-es2015 अब हटा दिया गया है। हम इस मुद्दे को कैसे संभाल सकते हैं?

@Gomathipriya पूछने के लिए धन्यवाद! आपने मुझे अंततः एक अनुरोध भेजने के लिए प्रेरणा दी!

21.9.2017 , मैंने इस बग को संभालने के लिए एक समाधान प्रकाशित किया है! उस समय, मुझे नहीं पता था कि पुस्तकालय बंडल, es5 जैसे लेखन कोड उत्पन्न कर रहा है ... मेरे पास बहुत सारी परियोजनाएं थीं और मुझे यह पता नहीं चल पा रहा था कि @ agm / core के साथ वास्तव में क्या गलत हो रहा है! खैर, कल मैं एंगुलर ऐप्स के लिए कोणीय सामग्री एक्सटेंशन विकसित कर रहा था जो @ एगम / कोर का उपयोग कर रहे हैं और मैंने jest साथ टेसिंग करते हुए इसी मुद्दे का सामना किया। इसलिए मैंने इस परियोजना पर एक और नज़र डालने का फैसला किया और मुझे कुछ दिलचस्प लगा।

वास्तव में, हमें es5 कोड को ट्रांसपाइल करने की आवश्यकता नहीं है क्योंकि इस प्रोजेक्ट का निर्माण हमारे लिए पहले ही हो चुका है। लेकिन टाइपस्क्रिप्ट उनके बारे में नहीं जानते हैं! package.json में कुछ जानकारी छूट जाती है।

तो इसे हल करने के लिए टिप:

1. cd node_modules
2. cd \@agm/core
3. package.json खोलें
4. और निम्नलिखित जोड़ें

 "main": "core.umd.js",
  "es2015": "index.js",
  "typings": "index.d.ts",

और बग को हल किया जाना चाहिए! अब संकलन करते समय, टाइपस्क्रिप्ट सही js कोड चुनेगी!

मैंने कुछ सेकंड पहले एक अनुरोध भेजा है!

कृपया अपने मशीन पर परीक्षण के बाद इस पीआर का समर्थन करें!

मैं इसे इस परियोजना में यहाँ परिदृश्य निम्नलिखित परीक्षण @ कोणीय-सामग्री-एक्सटेंशन / google-नक्शे-स्वत: पूर्ण

अगर आपको यह परियोजना पसंद है, तो कृपया मुझे अभिनीत करें और इसे साझा करें!

आप सभी का धन्यवाद 👍 👍

कोई खबर ? @ सबस्टियनम

@bastienlemaitre मैं अपने पीआर को समायोजित करूंगा

यहाँ देखिये:

https://www.dropbox.com/s/88pez0ytawx59ar/fix-agm-ssr-1.mp4??l=0
https://www.dropbox.com/s/yu1vq328o96brvd/fix-agm-ssr-2.mp4?dl=0
https://www.dropbox.com/s/5i9r64lotq1cfuo/fix-agm-ssr-3.mp4?dl=0

बताएं कि क्या यह चाल आपके लिए है!

@AnthonyNahas हम यही समस्या मानचित्र क्लस्टर पैकेज के साथ भी देख रहे हैं। सुपर निराशाजनक, मैं इस पर काम करने के लिए आपके समय की सराहना करता हूं। क्या कोई प्रस्तावित समाधान है जिसे मैं लागू कर सकता हूं जबकि पीआर समीक्षा में है?

मैं इसे हमारे परीक्षणों को पास करने के लिए मैन्युअल रूप से जोड़ सकता हूं, लेकिन यह अभी भी पाइपलाइन में विफल रहेगा।

@Gomathipriya मैंने मोबाइल में प्रक्रिया का परीक्षण किया है

यहाँ वृत्तिय स्थिति की जाँच

ट्रैविस- ci स्थिति यहाँ

@ mcblum आपको शायद कोर मॉड्यूल की तरह ही होना चाहिए (ऊपर पोस्ट समाधान देखें)

चीयर्स 🍻

आगम वास्तव में भयानक और आसान है, लेकिन दुर्भाग्य से मैं पीआर के बारे में मदद करने में सक्षम नहीं था, शायद मेरे लिए बहुत जटिल था।

इसलिए मैंने Google मानचित्र जावास्क्रिप्ट एपीआई के लिए एक कस्टम कोड लागू करने का फैसला किया, जो वेब-गूगल-मैप्स नामक एक नए वेब घटक में बदल गया, जिसे मैंने आज प्रकाशित किया और मुद्दे को हल करने के लिए अपनी परियोजना में प्रतिस्थापन के रूप में इस्तेमाल किया।

फिर से, Agm कमाल है और यह वेब घटक इतनी संभावनाओं की पेशकश नहीं करता है जितना कि यह पुस्तकालय करता है। मैंने सोचा था कि मैं इन पंक्तियों को लिखूंगा और इसका उल्लेख करूंगा कि कोई व्यक्ति जो समस्या का सामना कर रहा है, संभावित समाधान खोजने की जल्दबाजी में होगा, और कुछ नहीं।

भवन बनाते समय मेरे पास कोई समस्या नहीं है, लेकिन जब एक पृष्ठ का अनुरोध किया जाता है जो सर्वर साइड प्रदान किया जाता है तो मुझे निम्नलिखित त्रुटि मिलती है:

ERROR { ReferenceError: window is not defined
    at WindowRef.getNativeWindow (webpack:///./node_modules/@agm/core/utils/browser-globals.js?:8:57)
    at LazyMapsAPILoader.load (webpack:///./node_modules/@agm/core/services/maps-api-loader/lazy-maps-api-loader.js?:45:38)
    at new FitBoundsService (webpack:///./node_modules/@agm/core/services/fit-bounds.js?:38:81)
    at createClass (webpack:///./node_modules/@angular/core/fesm5/core.js?:19057:20)
    at _createProviderInstance$1 (webpack:///./node_modules/@angular/core/fesm5/core.js?:19042:20)
    at createProviderInstance (webpack:///./node_modules/@angular/core/fesm5/core.js?:18919:12)
    at createViewNodes (webpack:///./node_modules/@angular/core/fesm5/core.js?:20149:36)
    at Object.createEmbeddedView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20070:5)
    at TemplateRef_.createEmbeddedView (webpack:///./node_modules/@angular/core/fesm5/core.js?:18651:38)
    at ViewContainerRef_.createEmbeddedView (webpack:///./node_modules/@angular/core/fesm5/core.js?:18517:35)
    at NgIf._updateView (webpack:///./node_modules/@angular/common/fesm5/common.js?:3489:45)
    at NgIf.set [as ngIf] (webpack:///./node_modules/@angular/common/fesm5/common.js?:3457:18)
    at updateProp (webpack:///./node_modules/@angular/core/fesm5/core.js?:19212:37)
    at checkAndUpdateDirectiveInline (webpack:///./node_modules/@angular/core/fesm5/core.js?:18963:19)
    at checkAndUpdateNodeInline (webpack:///./node_modules/@angular/core/fesm5/core.js?:20270:20)
    at checkAndUpdateNode (webpack:///./node_modules/@angular/core/fesm5/core.js?:20232:16)
    at prodCheckAndUpdateNode (webpack:///./node_modules/@angular/core/fesm5/core.js?:20773:5)
    at Object.eval [as updateDirectives] (webpack:///./dist/server/main.js?:45103:316)
    at Object.updateDirectives (webpack:///./node_modules/@angular/core/fesm5/core.js?:20561:72)
    at checkAndUpdateView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20214:14)
    at callViewAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20455:21)
    at execComponentViewsAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20397:13)
    at checkAndUpdateView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20220:5)
    at callViewAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20455:21)
    at execComponentViewsAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20397:13)
    at checkAndUpdateView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20220:5)
    at callViewAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20455:21)
    at execEmbeddedViewsAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20418:17)
    at checkAndUpdateView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20215:5)
    at callViewAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20455:21)
    at execComponentViewsAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20397:13)
    at checkAndUpdateView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20220:5)
    at callViewAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20455:21)
    at execEmbeddedViewsAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20418:17)
    at checkAndUpdateView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20215:5)
    at callViewAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20455:21)
    at execComponentViewsAction (webpack:///./node_modules/@angular/core/fesm5/core.js?:20397:13)
    at Object.checkAndUpdateView (webpack:///./node_modules/@angular/core/fesm5/core.js?:20220:5)
    at ViewRef_.detectChanges (webpack:///./node_modules/@angular/core/fesm5/core.js?:18595:22)
    at eval (webpack:///./node_modules/@angular/core/fesm5/core.js?:15257:63)
    at Array.forEach (<anonymous>)
    at ApplicationRef.tick (webpack:///./node_modules/@angular/core/fesm5/core.js?:15257:25)
    at eval (webpack:///./node_modules/@angular/core/fesm5/core.js?:15148:105)
    at ZoneDelegate.invoke (webpack:///./node_modules/zone.js/dist/zone-node.js?:387:26)
    at Object.onInvoke (webpack:///./node_modules/@angular/core/fesm5/core.js?:14529:33)
    at ZoneDelegate.invoke (webpack:///./node_modules/zone.js/dist/zone-node.js?:386:32)
    at Zone.run (webpack:///./node_modules/zone.js/dist/zone-node.js?:137:43)
    at NgZone.run (webpack:///./node_modules/@angular/core/fesm5/core.js?:14443:28)
    at Object.next (webpack:///./node_modules/@angular/core/fesm5/core.js?:15148:81)
    at SafeSubscriber.schedulerFn [as _next] (webpack:///./node_modules/@angular/core/fesm5/core.js?:10544:52)

@ maxime1992 शायद जल्दी ठीक करने का प्रयास करें: अपना नक्शा केवल ब्राउज़र साइड पर प्रदर्शित करें, सर्वर साइड पर कोई window तत्व नहीं है (इसीलिए इसे बनाया जा सकता है लेकिन यह रनटाइम में विफल रहता है)

छद्म कोड:

<ng-container *ngIf="isPlatformBrowser(platformId)">
  <here-your-agm-map/>
</ng-container>

@AnthonyNahas मैंने आपके समाधान की कोशिश की लेकिन फिर भी वही त्रुटि हुई।
मैं बादल आग समारोह में अपने सर्वर बंडल तैनात करने की कोशिश कर रहा हूँ ...

agm के बिना सब कुछ ठीक है / काम कर रहा है, लेकिन agm के साथ त्रुटि हुई -

फ़ंक्शन [ssr (us-central1)]: परिनियोजन त्रुटि।
फंक्शन लोड त्रुटि: फ़ाइल index.js में कोड लोड नहीं किया जा सकता है।
क्या आपके कोड में कोई सिंटैक्स त्रुटि है?
विस्तृत स्टैक ट्रेस: ​​/user_code/node_modules/@agm/core/services/managers/circle-manager.js:1
(फ़ंक्शन (निर्यात, आवश्यकता, मॉड्यूल, __filename, __dirname)
{@ {कोणीय / कोर ’से {{{Injectable, NgZone} आयात;
^>

SyntaxError: अप्रत्याशित टोकन आयात
createScript (vm.js: 56: 10) पर
Object.runInThisContext (vm.js: 97: 10) पर
मॉड्यूल पर।
Object.Module._extensions..js (मॉड्यूल.js: 586: 10) पर
Module.load (मॉड्यूल.js: 494: 32) पर
TryModuleLoad (मॉड्यूल.js: 453: 12) पर
समारोह में
Module.require (मॉड्यूल.js: 504: 17) पर
आवश्यकता पर (आंतरिक / मॉड्यूल.js: 20: 19)
ऑब्जेक्ट पर।

कृपया उत्तर दें

इसका मतलब है कि बैबेल कंपाइलर ने अपना काम नहीं किया क्योंकि यह आयातों को बदल देता था। दोनों रिपोस मेरे गितुब में संकलित पूर्व उपलब्ध होने चाहिए। आप इसका उपयोग कर सकते हैं यदि आप कोलाहल भाग करने में असमर्थ हैं।

@AnthonyNahas आपके समाधान के लिए ईमानदारी से धन्यवाद, यह मेरे लिए नवीनतम संस्करण बेबल और कोणीय 6 के साथ काम कर रहा है।

@AnthonyNahas

आप एक भगवान मेरे दोस्त हैं ...

एंगुलर यूनिवर्सल के माध्यम से उस पैकेज को सर्वर-साइड पर उपयोग होने से रोकने के लिए कई मुद्दे हैं। मैंने पहले ही विभिन्न पुस्तकालयों (जैसे https://github.com/salemdar/ngx-cookie/pull/41, https://github.com/zefoy/ngx-perfect-scrollbar/pull/129) पर समान काम किया है https://github.com/mattlewis92/angular-resizable-element/pull/80), तो मैंने सोचा कि मेरा एक नज़र होगा।

संक्षेप में, जब केवल Angular CLI के साथ सर्वर प्लेटफ़ॉर्म को लक्षित किया जाता है, तो एप्लिकेशन को स्वयं संकलित किया जाता है, क्योंकि लाइब्रेरी UMD बंडल को NodeJS में चलाते समय इसका उपयोग किया जाएगा। जैसा कि @AnthonyNahas द्वारा बताया गया है, इसका मतलब है कि main पैकेज एंट्री पॉइंट को UMD बंडल कहा जाना चाहिए, अर्थात NodeJS मूल रूप से कुछ समझता है।

एनओडीजेएस-देशी यूएमडी बंडल के अलावा, कोणीय पैकेज प्रारूप दिशानिर्देशों के अनुसार पुस्तकालयों के लिए सर्वोत्तम प्रथाओं को एओटी-अनुकूल ईएस मॉड्यूल और metadata.json मेटाडेटा फ़ाइलों को भी प्रकाशित करना है, जो कि पैकेज पहले से ही करता है। हालाँकि, https://github.com/angular/angular-cli/issues/7200 के कारण, कहा जाता है कि कोणीय यूनिवर्सल बिल्ड वर्तमान में विफल ( SyntaxError: Unexpected token export -समान त्रुटियों के साथ) है जब लाइब्रेरी को इसके बजाय अलग ईएस मॉड्यूल के रूप में प्रकाशित किया जाता है एक समतल (fesm), जैसा कि गहरे आयात के बाद ES मॉड्यूल को हल किया जाएगा, जिससे नोड विफल हो जाएगा क्योंकि यह ES मॉड्यूल को नहीं समझता है

यह तय है कि https://angular.io/guide/aot-compiler के अनुसार angularCompilerOptions flatModuleOutFile और flatModuleId करें , और रोलअप के माध्यम से आउटपुट पास करें फ्लैट ईएस मॉड्यूल और टाइपिंग फ़ाइलों का उत्पादन करने के लिए, और फिर module और typings एंट्री पॉइंट के रूप में सेट करें। चूँकि उन विकल्पों को प्रति पुस्तकालय में एक अद्वितीय प्रविष्टि बिंदु की आवश्यकता होती है, इसलिए मुझे js-marker-clusterer और snazzy-info-window का समर्थन करने के लिए मुख्य tsconfig.json फ़ाइलों को विभाजित करना पड़ा।

इसके अलावा, रोलअप कॉन्फ़िगरेशन context: 'window' सेट कर रहे थे, जो सर्वर-साइड पर टूट जाता है, जिसे मैंने रोलअप के डिफ़ॉल्ट "इसे अपरिभाषित" व्यवहार के रूप में बदल दिया (जो चेतावनी के रूप में होने के बावजूद वास्तव में अपेक्षित व्यवहार है)।

अंतिम, अब जब आपका ऐप यूनिवर्सल बिल्ड इस लाइब्रेरी के साथ संकलित करता है, तो आपको यह तय करने की आवश्यकता है कि रनटाइम के दौरान क्या करना है या कोड को यूनिवर्सल फ्रेंडली बनाना है, जिसे मैंने Google मैप्स SDK लोडर load() isPlatformBrowser(this.platformId) का उपयोग करके हासिल किया है। load() फ़ंक्शन केवल इंजेक्शन को छोड़ने के लिए। यह हमारे वर्तमान उपयोग के मामले के लिए ट्रिक करता है, लेकिन सर्वर साइड पर उस लाइब्रेरी को निष्क्रिय करने के लिए अधिकांश सुरक्षा उपायों की आवश्यकता हो सकती है (चूंकि Google मैप्स एसडीके वहां वैसे भी नहीं चलेगा)।

वैसे भी, पीआर https://github.com/SebastianM/angular-google-maps/pull/1554 पर है , टिप्पणियों का स्वागत है। मेरे पास @ laurentgoudet / agm-core पर चलने वाला एक कांटा है जो मैं अपने प्रोजेक्ट के लिए सफलतापूर्वक उपयोग कर रहा हूं (जब तक कि यह PR विलय नहीं हो जाता)। मैं कोणीय सीएलआई का उपयोग कर रहा हूं, लेकिन यह किसी भी बिल्डर के साथ काम करना चाहिए - प्रतिक्रिया का स्वागत।

बहुत कोशिशों के बाद, @AnthonyNahas द्वारा प्रदान किए गए समाधान ने मुझे फायरबस फ़ंक्शन के रूप में एक सार्वभौमिक ऐप को तैनात करने की अनुमति दी :)।
मेरा सुझाव यह जांचना है कि क्या ts फाइलें प्रभावी रूप से js में बदल जाती हैं, यदि वे हैं, तो आयात / निर्यात के बारे में त्रुटि प्रकट नहीं होनी चाहिए।

संपादित करें (26/12/2018)
मैं snazzy जानकारी विंडो मॉड्यूल के साथ समस्या को फिर से चलाता हूं। मैंने यह पता लगाना समाप्त कर दिया कि जब मैं फायरबैस तैनाती का उपयोग कर रहा था तो बाबेल नहीं चल रहा था (याद रखें कि जब एयू को फायरबेस फ़ंक्शन के रूप में तैनात किया जाता है, तो एक एनपीएम इंस्टॉल किया जाता है, जिसका अर्थ है कि पैकेज फिर से टीएस फ़ाइलों के रूप में स्थापित होगा)। अंत में, मैंने सिर्फ लाइब्रेरी (https://github.com/jota12x/angular-google-maps) को फोर्क किया, बैबल लागू किया और रेपो से इसे स्थापित किया। समस्या हल हो गई। (हालांकि मुख्य रेपो में फिक्स का इंतजार)।

इस मुद्दे को स्वचालित रूप से बासी के रूप में चिह्नित किया गया है क्योंकि इसमें हाल की गतिविधि नहीं थी। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।

इस पर कोई गतिविधि? इसे ठीक करना काफी सरल है - बस @angular-devkit/build-angular का उपयोग करना शुरू करना होगा। यह सबसे गंभीर समस्याओं में से एक है क्योंकि लोगों के पास 2 तरीके हैं:
1) कस्टम वेबपैक कॉन्फ़िगरेशन का उपयोग करें
2) कुछ हैक्स का उपयोग करें

और शुरू करना @ कोणीय-देवकित / बिल्ड-कोणीय काफी सरल है और हैकिंग के घंटे बचा सकता है

@AnthonyNahas

_ Babel_ के नवीनतम संस्करण में समाधान का उपयोग किया

@philippeboyd @dkmostafa मैंने हाल ही में इस मॉड्यूल और अन्य जैसे -> ngx अनुवाद और अधिक ... के लिए एक ही समस्या हल की

समाधान (js फ़ाइलों को es2015 में संकलित करें):

1. npm install --save-dev @babel/core @babel/cli @babel/preset-env
2. .babelrc के नाम से मूल परियोजना में इसे जोड़ें या सीधे cli के माध्यम से प्रीसेट जोड़ें
   { "presets": ["@babel/preset-env"] }
3. पैकेज में एक npm स्क्रिप्ट जोड़ें। "स्कैप्टस्ट्स" स्कोप में
   "compile_@agm_core": "babel node_modules/@agm/core -d node_modules/@agm/core --presets @babel/preset-env",
4. पैकेज में पोस्टस्क्रिप्ट स्क्रिप्ट जोड़ें। "स्क्रैप्टस्ट्स" स्कोप में
   "postinstall": "npm run compile_@agm_core",
5. डिपो स्थापित करने के लिए npm i चलाएं। डिप्स स्थापित करने के बाद, स्क्रिप्ट पोस्टइंस्टॉल चलेगी और बाबेल लक्षित जेएस फाइलों को संकलित करेगा
6. अपना सर्वर चलाएं और दुनिया चाहिए
7. अगर यह काम करता है तो कृपया मुझे प्रतिक्रिया दें मैंने 3 से अधिक एनपीएम मॉड्यूल के लिए एक ही थिन किया, यह मेरी मशीन पर काम करता है: डी

बहुत बहुत धन्यवाद, यह अभी भी कोणीय 7 पर काम कर रहा है

लेकिन एक हैक thats ... या समाधान ...

Tue पर, अप्रैल 2, 2019, 12:53 PM PEA नोटिफिकेशन @github.com ने लिखा:

@AnthonyNahas https://github.com/AnthonyNahas

बेबल के नवीनतम संस्करण का समाधान अपडेट किया गया

@philippeboyd https://github.com/philippeboyd @dkmostafa
https://github.com/dkmostafa i ने हाल ही में इसके लिए एक ही मुद्दा हल किया
मॉड्यूल और अन्य जैसे -> एनजीएक्स अनुवाद और अधिक ...

समाधान (js फ़ाइलों को es2015 में संकलित करें):

1. npm install --save-dev @ babel / core @ babel / cli @ babel / preset-env
2. इसे .babelrc नाम के तहत रूट प्रोजेक्ट में जोड़ें या जोड़ें
   सीधे cli के माध्यम से प्रीसेट
   {"प्रीसेट्स": ["@ बेबल / प्रीसेट-एनवी"]}
3. पैकेज में एक npm स्क्रिप्ट जोड़ें। "स्कैप्टस्ट्स" स्कोप में
   " compile_ @ agm_core ": "babel node_modules / @ agm / core -d
   node_modules / @ agm / core --presets @ babel / preset-env ",
4. पैकेज में पोस्टस्क्रिप्ट स्क्रिप्ट जोड़ें। "स्क्रैप्टस्ट्स" स्कोप में
   " पोस्ट-इंस्टॉलेशन ": " compile_ @ agm_core ",
5. deps स्थापित करने के लिए npm i चलाएं। डिपो स्थापित करने के बाद,
   स्क्रिप्ट पोस्टइंस्टॉल चलेगी और बाबेल लक्षित जेएस फाइलों को संकलित करेगा
6. अपना सर्वर चलाएं और दुनिया चाहिए
7. अगर यह काम करता है तो कृपया मुझे प्रतिक्रिया दें मैंने और अधिक के लिए एक ही thins किया
   3 npm मॉड्यूल की तुलना में यह मेरी मशीन पर काम करता है: D

बहुत बहुत धन्यवाद, यह अभी भी कोणीय 7 पर काम कर रहा है

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की है।
इस ईमेल का उत्तर सीधे दें, इसे GitHub पर देखें
https://github.com/SebastianM/angular-google-maps/issues/1052#issuecomment-478944955 ,
या धागा म्यूट करें
https://github.com/notifications/unsubscribe-auth/ADvMl79FA7YGEZN_DSvwaOsUS7zXFW9Rks5vczbEgaJpZM4OAQmB
।

मैंने @AnthonyNahas के समाधान का उपयोग किया है, लेकिन मुझे यह त्रुटि मिल रही है:

/node_modules/@agm/core/services/maps-api-loader/maps-api-loader.js:44
        type: _core.Injectable
                    ^

TypeError: Cannot read property 'Injectable' of undefined

@ HighSoftWare96 समस्या सीधे पुस्तकालय से संबंधित नहीं है ... यह एक संकलन त्रुटि प्रतीत होती है ...

इस मुद्दे को स्वचालित रूप से बासी के रूप में चिह्नित किया गया है क्योंकि इसमें हाल की गतिविधि नहीं थी। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।

हम जल्द ही एनजीसी में जाने वाले हैं, इसलिए उम्मीद है कि यह एंगुलर यूनिवर्सल के साथ काम करेगा। व्यक्तिगत रूप से, मेरे पास सार्वभौमिक और एओटी में 0 अनुभव और ज्ञान है।

ठीक है, मैं एनजी-पैकाग्रा पीआर में खींचा, तो शायद अब यह काम करेगा। क्या आप मास्टर को देखने की कोशिश कर सकते हैं और देख सकते हैं कि यह काम करता है?

इस मुद्दे को स्वचालित रूप से बासी के रूप में चिह्नित किया गया है क्योंकि इसमें हाल की गतिविधि नहीं थी। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।

हाय @ doom777
क्या आप मुझे बता सकते हैं, जब आप इस मर्ज को जारी करने की योजना बना रहे हैं? मैं इस लाइब्रेरी के अपने गढ़े हुए संस्करण को छोड़ना पसंद करूंगा :)

मेरे ऊपर नहीं