将swiper引入项目运行后,consolewarning中出现很多类似如下的警告,在./node_modules/swiper/css/swiper.cssModuleWarning(from./node_modules/postcss-loader/src/index.js):Warning(429:3)自定义属性被忽略:未限定在顶级:root元素(.swiper-lazy-preloader-black{...--swiper-preloader-color:...})@./node_modules/swiper/css/swiper.css4:14-13514:3-18:515:22-143@./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/payment/pay.vue?vue&type=script&lang=js&@./src/views/payment/pay.vue?vue&type=script&lang=js&@./src/views/payment/pay.vue@./src/router/payment/index.js@./src/routersyncindex\.js$@./src/router/index.js@./src/main.js@multi(webpack)-dev-server/client?http://10.26.155.86:8080/sockjs-node(webpack)/hot/dev-server.js./src/main.js就可以了从warning可以看出是跟项目中postcss-loader的使用有关系,解决方法:找到项目的postcss.config.js文件,忽略Custom属性。module.exports={plugins:{'postcss-cssnext':{features:{customProperties:false}},}};
