目录

小程序通过npm安装组件时出现错误及解决方式

目录

小程序通过npm安装组件时出现错误及解决方式

安装node后再配置环境变量仍然不能直接按以下方式进行组件安装;

1、打开小程序,看到如下界面:

https://i-blog.csdnimg.cn/blog_migrate/8c181afb6fd62abee609e4f3ccd3b405.png

图1

2、在空白处右击,然后点击 在外部终端窗口中打开 ,界面如下:

https://i-blog.csdnimg.cn/blog_migrate/70312e8f422d8878317b30cbd5bf35c6.png

图2

3、 直接输入 npm init ,结果如下

https://i-blog.csdnimg.cn/blog_migrate/6cbf998697ce5ce2c51a61e987db8206.png

图3

可以看到图1中界面是可以出现 package.json 文件的。

4、但是输入 npm i @vant/weapp -S –production 结果报错

(npm i @vant/weapp @1.3.3 -S –production,@1.3.3是指定vant组件版本号)

https://i-blog.csdnimg.cn/blog_migrate/55b041e353dfcdb0162a07f27950156b.png

图4

可以看到,错误原因是没有权限打开指定文件夹

5、解决办法:

5.1 以管理员身份运行cmd

https://i-blog.csdnimg.cn/blog_migrate/324d9f3b91ef0f018afdeef79a4ca076.png

图5

5.2 切换到小程序项目根目录

https://i-blog.csdnimg.cn/blog_migrate/e2e4990b2c8eb7b842339cca40cdb146.png

图6

5.3 然后输入 npm i @vant/weapp -S –production ,结果如下:

https://i-blog.csdnimg.cn/blog_migrate/3247588ea938d90f60870297e3dfc608.png

图7

表示安装组件成功。

以上解决方法对于在小程序中安装其它组件一样。