Laravel 带有vue的laramix砌体包错误
我正在写laravel 5.4项目。Laravel 带有vue的laramix砌体包错误,laravel,npm,vue.js,masonry,Laravel,Npm,Vue.js,Masonry,我正在写laravel 5.4项目。 问题是vue-mashiness()包无法工作,出现以下错误 [Vue warn]: Failed to resolve directive: masonry [Vue warn]: Failed to resolve directive: masonry-tile 请帮我检查设置是否有误 这是我的app.js: require('./bootstrap'); require('masonry-layout'); require('imagesloade
问题是
vue-mashiness
()包无法工作,出现以下错误
[Vue warn]: Failed to resolve directive: masonry
[Vue warn]: Failed to resolve directive: masonry-tile
请帮我检查设置是否有误
这是我的app.js
:
require('./bootstrap');
require('masonry-layout');
require('imagesloaded');
require('fancybox');
var vueMasonry = require('vue-masonry');
Vue.use(vueMasonry);
bootstrap.js
仍然是原始版本,没有修改任何单词,
这里有package.json
:
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"bootstrap-sass": "^3.3.7",
"cross-env": "^3.2.3",
"laravel-mix": "0.*",
"lodash": "^4.17.4",
"minifier": "^0.8.1",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1"
},
"dependencies": {
"axios": "^0.15.3",
"fancybox": "^3.0.0",
"imagesloaded": "^4.1.3",
"jquery": "^3.1.1",
"masonry-layout": "^4.2.0",
"swiper": "^3.4.2",
"vue": "^2.1.10",
"vue-masonry": "^0.10.7"
}
}
最后的Html
类似于:
<div class="grid-wrap"
v-masonry
fit-width="true"
transition-duration="0.3s"
item-selector=".grid-item"
fit-width="true"
>
<div v-masonry-tile class="grid-item" v-for="wall in walls">
<div class="grid-date">
@{{ wall.created_at }}
</div>
</div>
</div>
@{{wall.created_at}}
根据此问题,软件包本身似乎已损坏
向下滚动,你会发现有人与你有相同的问题,最新的答案是13小时前的,所以我怀疑它是否已修复。根据此问题,软件包本身似乎已损坏 只需向下滚动,你会发现有人与你有相同的问题,而最新的答案是13小时前,所以我怀疑它是否已被修复