TypeError: touse vue-bulma-tabs

Question

को आजमाते समय डेटा एक स्ट्रिंग या बफर होना चाहिए, मुझे vue और vue-bulma-tabs के साथ यह अजीब त्रुटि है।

Project is running at http://localhost:8081/ 
webpack output is served from /dist/ 
404s will fallback to /index.html 
crypto.js:74 
    this._handle.update(data, encoding); 
      ^

TypeError: Data must be a string or a buffer 
    at TypeError (native) 
    at Hash.update (crypto.js:74:16) 
    at HarmonyExportImportedSpecifierDependency.updateHash (/Users/esteban/Projects/experiments/example1/node_modules/webpack/lib/dependencies/HarmonyExportImportedSpecifierDependency.js:144:8) 
    at /Users/esteban/Projects/experiments/example1/node_modules/webpack/lib/DependenciesBlock.js:33:5 
    at Array.forEach (native) 
    at NormalModule.DependenciesBlock.updateHash (/Users/esteban/Projects/experiments/example1/node_modules/webpack/lib/DependenciesBlock.js:32:20) 
    at NormalModule.Module.updateHash (/Users/esteban/Projects/experiments/example1/node_modules/webpack/lib/Module.js:162:41) 
    at NormalModule.updateHash (/Users/esteban/Projects/experiments/example1/node_modules/webpack/lib/NormalModule.js:327:30) 
    at modules.forEach.m (/Users/esteban/Projects/experiments/example1/node_modules/webpack/lib/Chunk.js:253:31) 
    at Array.forEach (native) 

मुझे लगता है कि वेबपैक से संबंधित है लेकिन मुझे यह नहीं पता कि समस्या क्या है या मैं इसे कैसे ठीक कर सकता हूं।

यह पुन: पेश करने के लिए, बस इस

vue init webpack-simple example1 
cd example1 
npm i 
npm i -S bulma vue-bulma-tabs 

करना तो फाइल

import {Tabs, TabPane} from 'vue-bulma-tabs' 

main.js में जोड़ना तो चलाने

npm run dev 

एट देखा! त्रुटि है मैं क्या खो रहा हूँ?

Answer 1

मुझे यह समस्या मिली, मुझे यकीन नहीं है कि यह किसकी गलती है।

vue-bulma-tab वू फ़ाइलों के एक्सटेंशन के बिना आयात का उपयोग करता है। लेकिन vue से वेबपैक-सरल टेम्पलेट इसका समर्थन नहीं करता है।

समाधान, जोड़ने

extensions: ['.js', '.vue']

और अब काम कर रहा है और साथ ही संकल्प कुंजी के अंतर्गत webpack.config.js पर .js रूप .vue कोशिश करने के लिए webpack कॉन्फ़िगर करना है।

Answer 2

इसलिए इस समस्या का मूल कारण यह है कि एक ऐसा आयात है जिसे आप आयात करने की कोशिश कर रहे फ़ाइल को नहीं ढूंढते हैं। https://github.com/webpack/webpack/issues/4072#issuecomment-278626604 को कुछ लॉगिंग जोड़ने के लिए वर्कअराउंड के लिए देखें, यह जानने में आपकी सहायता करने के लिए कि आप कौन सी फाइल आयात करने में सक्षम नहीं हैं।