微信小程序引入官方扩展 weui-miniprogram时的问题

引语

在写微信小程序时,想用官方的weui-miniprogram包里面的msg扩展,使用时npm完以后,网上基本都是复制weui.wxss到根目录,再用view容器标签实现,可是这样就不能灵活调用组件了
微信小程序引入官方扩展 weui-miniprogram时的问题_第1张图片
也和官方推荐代码不符



    内容详情,可根据实际需要安排,如果换行则不超过规定长度,居中展现文字链接
    
        1. 说明1
        2. 说明2
    
    
        
        
    
    
        
            底部链接文本
        
        Copyright © 2008-2016 weui.io
    

研究官方文档和网上发现,他们npm都是直接到miniprogram_npm目录下,我就是到node-moudules目录下。
微信小程序引入官方扩展 weui-miniprogram时的问题_第2张图片
当然,我这是比较正常的情况,但是以node-moudules为目录引入到app.js始终报错notdefine,node-moudules目录压根在开发程序中就不显示!
微信小程序引入官方扩展 weui-miniprogram时的问题_第3张图片
在最终找到了这位的教程,把有问题的目录rm -rf掉了,重建npm,终于成功!

解决方案
微信小程序引入官方扩展 weui-miniprogram时的问题_第4张图片
总结起来就是
先装npm,然后在小程序根目录里面任意目录建立node_modules目录,然后在node_modules文件夹所在目录npm init,然后:

npm install (包名) --save --production

构建 npm
接下来和我上面贴的链接差不多不赘述了

其实还是没能成功解决,但是重建项目按照正确流程来就成功了,所以一次就找到这个正确方法的你们很幸运啊!

你可能感兴趣的:(解决问题)