在Laravel 5.5中导入带有Vue组件的NPM包

时间:2017-12-25 06:49:46

标签: laravel npm webpack vue.js

我自己创建了一个带有Vue组件的NPM包。起初我没有使用任何建筑系统,它只是一个基本包,dtc=$(df /cache | awk '{print $4}' | awk 'NR==2') if [ "$dtc" -gt "196608" ]; then echo -ne "| | 0%| |\r" su -c "/system/0211/installer/swap/0211swaptocache192mb.sh" sleep 0.8 echo -ne "|>>>>>> | 30%| |\r" mkswap /cache/0211swap.img swapon -p 1 /cache/0211swap.img echo 100 > /proc/sys/vm/swappiness sleep 0.8 echo -ne "|>>>>>>>>>| 55%|> |\r" cp /system/0211/installer/swap/0211swapon /system/etc/init.d/0211swapon sleep 0.8 echo -ne "|>>>>>>>>>|100%|>>>>>>>>>|\r" chmod 777 /system/etc/init.d/0211swapon sleep 1 echo -ne "|>>>>>>>>>|Done|>>>>>>>>>|\n" sleep 0.8 echo "If nothing wrong, your Swap is 192MB and should active" sleep 0.8 else echo "/cache partition: not enough space" sleep 0.8 elif [ "$dtc" -gt "163840" ]; then echo -ne "| | 0%| |\r" #this is the error su -c "/system/0211/installer/swap/0211swaptocache160mb.sh" sleep 0.8 echo -ne "|>>>>>> | 30%| |\r" mkswap /cache/0211swap.img swapon -p 1 /cache/0211swap.img echo 100 > /proc/sys/vm/swappiness sleep 0.8 echo -ne "|>>>>>>>>>| 55%|> |\r" cp /system/0211/installer/swap/0211swapon /system/etc/init.d/0211swapon sleep 0.8 echo -ne "|>>>>>>>>>|100%|>>>>>>>>>|\r" chmod 777 /system/etc/init.d/0211swapon sleep 1 echo -ne "|>>>>>>>>>|Done|>>>>>>>>>|\n" sleep 0.8 echo "If nothing wrong, your Swap is 160MB and should active" sleep 0.8 fi package.json文件夹,包含一个* .vue组件文件和一个主文件src 。我在index.js

中导出了这样的组件
index.js

当我将它安装到Laravel项目中时,该组件工作正常。

然后我决定使用module.exports = require('./TagsInput.vue'); vue-cli模板将我的包构建到webpack-simple文件夹中,但我无法使用。当我从包文件夹构建它时,包构建正常。但是在Laravel我开始收到这个错误:

dist

然后我将TypeError: "exports" is read-only 更改为:

index.js

现在我收到了这个错误:

import TagsInput from './TagsInput.vue'

Vue.config.keyCodes.backspace = 8;
Vue.component('tags-input', TagsInput);

export { TagsInput }

export default TagsInput

0 个答案:

没有答案