求諸位幫助。。。報(bào)錯(cuò):$npmrundevbookstore-demo@1.0.0devF:Devbookstore-democross-envNODE_ENV=developmentwebpack-dev-server--open--hotProjectisrunningathttp://localhost:8080/webpackoutputisservedfrom/dist/404swillfallbackto/index.html(node:25712)DeprecationWarning:loaderUtils.parseQuery()receivedanon-stringvaluewhichcanbeproblematic,seehttps://github.com/webpack/lo...parseQuery()willbereplacedwithgetOptions()inthenextmajorversionofloader-utils.Hash:d4d9384b3b5d896168aaVersion:webpack2.7.0Time:2725msAssetSizeChunksChunkNamesloading.svg?9bb7dc5a270e3dc227497d59e09f0db73.06kB[emitted]build.js2.74MB0[emitted][big]mainchunk{0}build.js(main)993kB[entry][rendered][9]./~/vue/dist/vue.esm.js267kB{0}[built][28]./src/components/BookExpress.vue1.85kB{0}[built][55](webpack)/hot/emitter.js77bytes{0}[built][56]./src/main.js1.16kB{0}[built][57](webpack)-dev-server/client?http://localhost:80805.59kB{0}[built][58](webpack)/hot/dev-server.js1.57kB{0}[built][67]./src/store/index.js1.93kB{0}[built][134]./~/strip-ansi/index.js161bytes{0}[built][137]./~/url/url.js23.3kB{0}[built][140]./~/vue-lazyload/vue-lazyload.js10.4kB{0}[built][143]./src/App.vue1.76kB{0}[built][151]./~/vue-resource/dist/vue-resource.es2015.js35.9kB{0}[built][153](webpack)-dev-server/client/overlay.js3.6kB{0}[built][156](webpack)/hot/log-apply-result.js1.02kB{0}[built][158]multi(webpack)-dev-server/client?http://localhost:8080webpack/hot/dev-server./src/main.js52bytes{0}[built]+144hiddenmodulesERRORin./~/swiper/dist/css/swiper.cssModuleparsefailed:F:Devbookstore-demonode_modulesswiperdistcssswiper.cssUnexpectedtoken(15:0)Youmayneedanappropriateloadertohandlethisfiletype.|*Releasedon:March10,2017|*/|.swiper-container{|margin-left:auto;|margin-right:auto;@./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-awesome-swiper/swiper.vue11:2-39@./~/vue-awesome-swiper/swiper.vue@./~/vue-awesome-swiper/index.js@./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/BookExpress.vue@./src/components/BookExpress.vue@./src/main.js@multi(webpack)-dev-server/client?http://localhost:8080webpack/hot/dev-server./src/main.jsBookExpress.vue最新上架{{item.bookName}}{{item.price}}import{swiper,swiperSlide}from'vue-awesome-swiper'import{mapGetters}from'vuex'exportdefault{components:{swiper,swiperSlide},data(){return{swiperOptionIn:{slidesPerView:3,slidesPerColumn:2,pagination:'.swiper-pagination-white',paginationClickable:true,spaceBetween:30}}},computed:{...mapGetters({bookList:'books'})}}.lasted-books{margin-top:50px;.loading{color:#999;width:100%;height:150px;line-height:150px;text-align:center;}.content{.lasted-list{display:flex;flex-direction:column;background:#fff;margin-top:10px;box-shadow:0010px#DDD;.list-title{height:50px;text-align:center;line-height:50px;}.list-content{display:flex;fex-direction:row;flex-wrap:wrap;.swiper-position{position:relative;cursor:pointer;.list-item{width:50%;cursor:pointer;.list-img{position:relative;img{width:100%;}}.list-info{padding:05px;font-weight:300;font-size:14px;margin-bottom:10px;.book-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.book-author{color:#777777}}}}.swiper-pagination-position{position:absolute;z-index:1;display:flex;flex-direction:row;justify-content:center;}}}}}webpack.config.jsvarpath=require('path')varwebpack=require('webpack')module.exports={entry:'./src/main.js',output:{path:path.resolve(__dirname,'./dist'),publicPath:'/dist/',filename:'build.js'},module:{rules:[{test:/\.vue$/,loader:'vue-loader',options:{loaders:{}//othervue-loaderoptionsgohere}},{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/},{test:/\.(png|jpg|gif|svg)$/,loader:'file-loader',options:{name:'[name].[ext]?[hash]'}}]},resolve:{alias:{'vue$':'vue/dist/vue.esm.js'}},devServer:{historyApiFallback:true,noInfo:true},performance:{hints:false},devtool:'#eval-source-map'}if(process.env.NODE_ENV==='production'){module.exports.devtool='#source-map'//http://vue-loader.vuejs.org/en/workflow/production.htmlmodule.exports.plugins=(module.exports.plugins||[]).concat([newwebpack.DefinePlugin({'process.env':{NODE_ENV:'"production"'}}),newwebpack.optimize.UglifyJsPlugin({sourceMap:true,compress:{warnings:false}}),newwebpack.LoaderOptionsPlugin({minimize:true})])}
簡單swiper-slide例子無法成功
搖曳的薔薇
2019-05-25 14:34:10