TypeError : vue-bulma-tabs를 사용하려고 할 때 데이터가 문자열 또는 버퍼 여야합니다.

Question

vue 및 vue-bulma-tab에 이상한 오류가 발생했습니다.

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) 

나는 웹팩 관련이있다 생각하지만 난 문제가 무엇인지하지 못하거나 어떻게 고칠 수 있습니다.

는 실행 후

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

을 파일 main.js이 추가 그냥이

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

을, 그것을 재현하는

npm run dev 

등함으로써 해결할! 오류가 있습니다. 나는 무엇을 놓치고 있습니까?

Answer 1

문제가 발견되었지만 누가 잘못했는지 확신 할 수 없습니다.

vue-bulma-tabs는 Vue 파일 확장명없이 가져 오기를 사용합니다. 그러나 vue의 webpack-simple 템플릿은이를 지원하지 않습니다.

솔루션은 지금

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

과가 작동 추가 해결 키 아래 webpack.config.js에 된 .js뿐만 아니라 .vue 시도하는 웹팩을 구성하는 것입니다.

Answer 2

따라서이 문제의 근본 원인은 가져 오려는 파일을 찾지 못하는 가져 오기가 있다는 것입니다. 가져올 수없는 파일이 무엇인지 쉽게 찾을 수 있도록 일부 로깅을 추가하는 방법에 대한 내용은 https://github.com/webpack/webpack/issues/4072#issuecomment-278626604을 참조하십시오.