2017-02-09 21 views
6

Bu garip hatayı vue ve vue-bulma-tab'leriyle yapıyorum.TypeError: vue-bulma sekmelerini kullanmaya çalışırken veriler bir dize veya arabellek olmalıdır

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) 

Web paketi ile ilgili olduğunu düşünüyorum, ancak sorunun ne olduğunu anlamadım veya nasıl giderebilirim.

sonra çalıştırın sonra

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

dosya main.js eklemek bu sadece bu

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

yapın bunu çoğaltmak

npm run dev 

et voilà! hata var. Neyi kaçırıyorum?

cevap

1

Sorunu buldum, bunun kimin hatası olduğundan emin değilim. Vue-bulma-sekmeler, Vue dosyaları için uzantıları olmadan içe aktarma kullanır. ancak vue'den webpack-simple şablonu bunu desteklemiyor.

çözüm, şimdi

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

ve çalıştığını eklemek çözmek anahtarının altında webpack.config.js üzerinde .js yanı sıra .vue denemek için WebPack yapılandırılmasıdır.

7

Bu sorunun temel nedeni, içe aktarmaya çalıştığınız dosyayı bulamayan bir içe aktarma olmasıdır. İçe aktarılamayan dosyanızın ne olduğunu bulmanıza yardımcı olmak için bazı günlükler eklemek üzere bir geçici çözüm için bkz. https://github.com/webpack/webpack/issues/4072#issuecomment-278626604.

+0

evet gerçekten bunu bulamadı, ancak sorun vue cli ile oluşturulan proje vue cli bunu varsayılan olarak etkinleştirir iken vue-bulma-tabs paketi uzatma olmadan vue dosyalarının yüklenmesini kullanır. asıl konu, alınamayan dosyanın proje kodumda değil, yüklediğim bir paket olmasıdır. – mcniac

+0

@carlous tam olarak ... bu kök neden –

+0

Bu çok yardımcı oldu, teşekkürler carlos! –