2017-02-09 38 views
6

我与vue和vue-bulma选项卡有这个奇怪的错误。TypeError:尝试使用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) 

我认为是有关webpack,但我没有得到什么问题或如何解决它。

重现它,只是这样做

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

然后将其添加到main.js文件

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

然后运行

npm run dev 

等瞧!有错误。我错过了什么?

回答

1

我发现了这个问题,但我不确定是谁的错。

vue-bulma-tabs使用不带Vue文件扩展名的导入。但vue中的webpack-simple模板不支持该模板。

解决的办法是配置的WebPack尝试.vue以及在解决项下webpack.config.js .js文件 ,加

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

,现在正在工作。

7

所以这个问题的根本原因是有一个导入,没有找到您要导入的文件。有关解决方法,请参阅https://github.com/webpack/webpack/issues/4072#issuecomment-278626604以添加一些日志记录以帮助您查找无法导入的文件。

+0

确实找不到它,但问题是vue-bulma-tabs包使用不带扩展名的vue文件加载,而使用vue cli创建的项目默认情况下不启用该选项。主要问题是无法导入的文件不在我的项目代码中,但是我正在加载一些软件包。 – mcniac

+0

@carlous正是......这是根本原因 –

+0

这是非常有益的,谢谢卡洛斯! –

相关问题