এইচটিএমলেমেন্ট সংজ্ঞাযুক্ত নয়

10

এই মুহুর্তে আমি যা করার চেষ্টা করছি তা হ'ল প্রকল্পটি চালানো।

আমি দৌড়াই tns run android

অ্যাপ্লিকেশনটি তৈরি করে, তবে এটি অ্যাপ্লিকেশন শুরু করার সাথে সাথে একটি ত্রুটি ছুঁড়ে দেয়

রেফারেন্স এরিয়ার: এইচটিএমলেমেন্ট সংজ্ঞাযুক্ত নয়

সুতরাং যখন আমি নতুন নেটিস্ক্রিপ্ট থিম কোর (২.২.০) আনার চেষ্টা করছিলাম তখন এটি শুরু হয়েছিল। তারা বেশ কয়েকটি জায়গায় যে গাইড পোস্ট করেছে তা আমি অনুসরণ করেছি। সব কিছু ভাল লাগছিল। তারপরে আমি দৌড়ে গিয়েছিলাম tns run androidএবং এইচটিএমলেমেন্টটি প্রথমবারের জন্য ত্রুটি সংজ্ঞায়িত নয় ।

আমি নোড_মডিউলগুলি এবং প্ল্যাটফর্ম ফোল্ডারটি উড়িয়ে দিয়েছি
এনপিএম পুনর্নির্মাণ
tns ইনস্টল করুন
আমি নেটিসস্ক্রিপ্ট-ক্লাইট আনইনস্টল করেছি এবং এনএমপি ক্যাশে সাফ করে দিয়ে আবার ইনস্টল করেছি (যেমনটি এখানে উল্লেখ করা হয়েছে: https://discourse.nativescript.org/t/enoent-no-such-file-or-directory-project-pbxproj/7336 )

আমি তখন পরিষ্কার প্রকল্পের সাথে আবার শুরু করার সিদ্ধান্ত নিয়েছি। পদক্ষেপগুলি এখানে অনুসরণ করুন: https://nativescript-vue.org/en/docs/getting-st সূত্র / quick-start/

এবং আমি যখন চালনা tns run androidকরি তখনও আমি একইভাবে এইচটিএমলেমেন্ট পেয়েছি ত্রুটি সংজ্ঞায়িত নয় , এমনকি যখন আমি টেমপ্লেটিটি মোটেও সংশোধন করি নি।

আমি জানি না এটি কোনও বাগ বা আমি মারাত্মক কোনও ভুল করছি

tns - রূপান্তর 6.1.2

নোড-ভি 12.10.0

npm -v 6.10.3

এখন আমি এখনই যাই করুক না কেন আমি এই ত্রুটিটি পাচ্ছি ...

কোড ওয়াইসের মতো আমি বলেছিলাম যে এই টেম্পলেট রেপোর ক্লিন টান দিয়ে আমি এই ত্রুটিটি পাচ্ছি: https://github.com/nativescript-vue/vue-cli-template

এখানে স্ট্যাক

User-MacBook-Pro:hello-world user$ tns run android
Searching for devices...
Preparing project...
Bundling application for entryPath ./main...
File change detected. Starting incremental webpack compilation...

webpack is watching the files…

[BABEL] Note: The code generator has deoptimised the styling of /Users/scottbaron/Mos-Commodo/social-platform/peak-app/peak-matching/node_modules/@vue/devtools/build/backend.js as it exceeds the max of 500KB.
Hash: d11e779b2f173a00da85
Version: webpack 4.27.1
Time: 13195ms
Built at: 11/02/2019 10:57:09 AM
                             Asset       Size   Chunks             Chunk Names
assets/images/NativeScript-Vue.png   8.22 KiB           [emitted]  
                         bundle.js   84.3 KiB   bundle  [emitted]  bundle
                      package.json  165 bytes           [emitted]  
                        runtime.js   71.4 KiB  runtime  [emitted]  runtime
               tns-java-classes.js    0 bytes           [emitted]  
                         vendor.js   9.45 MiB   vendor  [emitted]  vendor
Entrypoint bundle = runtime.js vendor.js bundle.js
[./ sync ^\.\/app\.(css|scss|less|sass)$] . sync nonrecursive ^\.\/app\.(css|scss|less|sass)$ 175 bytes {bundle} [built]
[./ sync recursive (?<!\bApp_Resources\b.*)\.(xml|css|js|(?<!\.d\.)ts|(?<!\b_[\w-]*\.)scss)$] . sync (?<!\bApp_Resources\b.*)\.(xml|css|js|(?<!\.d\.)ts|(?<!\b_[\w-]*\.)scss)$ 204 bytes {bundle} [built]
[./app.scss] 18.5 KiB {bundle} [optional] [built]
[./main.js] 1.96 KiB {bundle} [built]
[./package.json] 146 bytes {bundle} [optional] [built]
[./store.js] 142 bytes {bundle} [built]
    + 208 hidden modules
Webpack compilation complete. Watching for file changes.
Webpack build done!
Project successfully prepared (android)
Building project...
Gradle build...
         + setting applicationId
         + applying user-defined configuration from /Users/scottbaron/Mos-Commodo/social-platform/peak-app/peak-matching/app/App_Resources/Android/app.gradle
         + using andorid X library androidx.legacy:legacy-support-v4:1.0.0
         + adding nativescript runtime package dependency: nativescript-optimized-with-inspector
         + adding aar plugin dependency: /Users/scottbaron/Mos-Commodo/social-platform/peak-app/peak-matching/node_modules/nativescript-socketio/platforms/android/fancylogger-release.aar
         + adding aar plugin dependency: /Users/scottbaron/Mos-Commodo/social-platform/peak-app/peak-matching/node_modules/tns-core-modules-widgets/platforms/android/widgets-release.aar
Project successfully built.
The build result is located at: /Users/scottbaron/Mos-Commodo/social-platform/peak-app/peak-matching/platforms/android/app/build/outputs/apk/debug/app-debug.apk
Installing on device 89EY06CQP...
Successfully installed on device with identifier '89EY06CQP'.
Restarting application on device 89EY06CQP...
System.err: An uncaught Exception occurred on "main" thread.
System.err: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: Error calling module function 
System.err: ReferenceError: HTMLElement is not defined
System.err: File: "file:///node_modules/@vue/devtools/build/hook.js:517:28
System.err: 
System.err: StackTrace: 
System.err:     Frame: function:'handleCopy', file:'file:///node_modules/@vue/devtools/build/hook.js:517:28
System.err:     Frame: function:'clone', file:'file:///node_modules/@vue/devtools/build/hook.js:637:11
System.err:     Frame: function:'', file:'file:///node_modules/@vue/devtools/build/hook.js:199:24
System.err:     Frame: function:'on', file:'file:///node_modules/@vue/devtools/build/hook.js:145:11
System.err:     Frame: function:'emit', file:'file:///node_modules/@vue/devtools/build/hook.js:179:17
System.err:     Frame: function:'devtoolPlugin', file:'file:///node_modules/vuex/dist/vuex.esm.js:54:14
System.err:     Frame: function:'Store', file:'file:///node_modules/vuex/dist/vuex.esm.js:356:4
System.err:     Frame: function:'./store.js', file:'file:///app/store.js:6:15
System.err:     Frame: function:'__webpack_require__', file:'file:///app/webpack/bootstrap:750:0
System.err:     Frame: function:'fn', file:'file:///app/webpack/bootstrap:120:0
System.err:     Frame: function:'', file:'file:///app/main.js:1:0
System.err:     Frame: function:'./main.js', file:'file:///data/data/com.moscommodo.peak/files/app/bundle.js', line: 339, column: 30
System.err:     Frame: function:'__webpack_require__', file:'file:///app/webpack/bootstrap:750:0
System.err:     Frame: function:'checkDeferredModules', file:'file:///app/webpack/bootstrap:43:0
System.err:     Frame: function:'webpackJsonpCallback', file:'file:///app/webpack/bootstrap:30:0
System.err:     Frame: function:'', file:'file:///data/data/com.moscommodo.peak/files/app/bundle.js', line: 2, column: 57
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err: 
System.err: 
System.err: ReferenceError: HTMLElement is not defined
System.err: 
System.err: StackTrace:
System.err: java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: Error calling module function 
System.err: ReferenceError: HTMLElement is not defined
System.err: File: "file:///node_modules/@vue/devtools/build/hook.js:517:28
System.err: 
System.err: StackTrace: 
System.err:     Frame: function:'handleCopy', file:'file:///node_modules/@vue/devtools/build/hook.js:517:28
System.err:     Frame: function:'clone', file:'file:///node_modules/@vue/devtools/build/hook.js:637:11
System.err:     Frame: function:'', file:'file:///node_modules/@vue/devtools/build/hook.js:199:24
System.err:     Frame: function:'on', file:'file:///node_modules/@vue/devtools/build/hook.js:145:11
System.err:     Frame: function:'emit', file:'file:///node_modules/@vue/devtools/build/hook.js:179:17
System.err:     Frame: function:'devtoolPlugin', file:'file:///node_modules/vuex/dist/vuex.esm.js:54:14
System.err:     Frame: function:'Store', file:'file:///node_modules/vuex/dist/vuex.esm.js:356:4
System.err:     Frame: function:'./store.js', file:'file:///app/store.js:6:15
System.err:     Frame: function:'__webpack_require__', file:'file:///app/webpack/bootstrap:750:0
System.err:     Frame: function:'fn', file:'file:///app/webpack/bootstrap:120:0
System.err:     Frame: function:'', file:'file:///app/main.js:1:0
System.err:     Frame: function:'./main.js', file:'file:///data/data/com.moscommodo.peak/files/app/bundle.js', line: 339, column: 30
System.err:     Frame: function:'__webpack_require__', file:'file:///app/webpack/bootstrap:750:0
System.err:     Frame: function:'checkDeferredModules', file:'file:///app/webpack/bootstrap:43:0
System.err:     Frame: function:'webpackJsonpCallback', file:'file:///app/webpack/bootstrap:30:0
System.err:     Frame: function:'', file:'file:///data/data/com.moscommodo.peak/files/app/bundle.js', line: 2, column: 57
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err: 
System.err: 
System.err: ReferenceError: HTMLElement is not defined
System.err:     at android.app.ActivityThread.handleBindApplication(ActivityThread.java:6465)
System.err:     at android.app.ActivityThread.access$1300(ActivityThread.java:219)
System.err:     at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1859)
System.err:     at android.os.Handler.dispatchMessage(Handler.java:107)
System.err:     at android.os.Looper.loop(Looper.java:214)
System.err:     at android.app.ActivityThread.main(ActivityThread.java:7356)
System.err:     at java.lang.reflect.Method.invoke(Native Method)
System.err:     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:492)
System.err:     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:930)
System.err: Caused by: com.tns.NativeScriptException: Error calling module function 
System.err: ReferenceError: HTMLElement is not defined
System.err: File: "file:///node_modules/@vue/devtools/build/hook.js:517:28
System.err:

nativescript nativescript-vue

— Baron860
সূত্র

9

@ সিদ্ধার্থ নির্দেশিত সমাধানটি কাজ করে তবে এটি আপনাকে স্টোরটি পর্যবেক্ষণ করতে দেয় না। ত্রুটিটি ট্রিগার করা হয়েছে কারণ নেটিভস্ক্রিপ্টের একটি ডোম নেই এবং তাই এর কোনও প্রকার নেই HTMLElement। একটি অস্থায়ী সমাধান হ'ল নীচে লাইনটি new webpack.DefinePlugin({})ফাইলের দ্বারা সংজ্ঞায়িত বস্তুর সাথে যুক্ত করা webpack.config.js:

HTMLElement: function() {
 return false;
},

যাতে সম্পূর্ণ বস্তুটি দেখতে এই রকম হয়:

new webpack.DefinePlugin({
  'global.TNS_WEBPACK': 'true',
  TNS_ENV: JSON.stringify(mode),
  process: 'global.process',
  HTMLElement: function() {
    return false;
  },
}),

ব্র্যান্ডন গহসমানকে তার নিবন্ধে এই সমাধানটি দেখানোর জন্য ধন্যবাদ ।

— belvederef
সূত্র

নিবন্ধের জন্য ধন্যবাদ। কিন্ডা এই সমস্যার সাথে আটকে!

— রেনি ওলিট

17

আমি সমাধানটি পেয়েছি, আপনার main.jsফাইল আপডেট করুন

import store from './store' // <= this should be before VueDevtools 
import VueDevtools from 'nativescript-vue-devtools';

— sid হার্ট
সূত্র

ধন্যবাদ, এটি tns- কোর-মডিউলগুলি 6.2.0 এ আপডেট করার পরে কাজ করেছে এবং উপরের ত্রুটিটি পপ আপ হয়েছে।

— তাদেজ ক্রেভ

1

এটি অনুমোদিত উত্তর হওয়া উচিত। ধন্যবাদ

— মোজাব্ল্যাঙ্কো

আপনাকে ধন্যবাদ আমার সাথে এই কাজ করে।

— এহাবদেভেল

3

আপনি যখন কোন প্রকল্পটি ব্যবহার করে তৈরি করেন:

vue init nativescript-vue/vue-cli-template <project-name>

ভ্যু-ডেভোলগুলি ইনস্টল করবেন না। আমি মনে করি, ডুমকে অ্যাক্সেস করার চেষ্টা করে ভ্যু-ডেভল্টুলের সাথে এর কিছু করার আছে যা নেটিসস্ক্রিপ্টে নেই।

— Sonificant
সূত্র

আমি জানি না কেন এটি আগে

— দেবতাদের

এটি আমার জন্য এটিও ঠিক করে দিয়েছে - ধন্যবাদ

— মাস্টারএন 8

এইচটিএমলেমেন্ট সংজ্ঞাযুক্ত নয় - নেটিভস্ক্রিপ্ট-মান