本文主要是介绍浏览器实时、快速响应文件更改脚本Browsersync安装及填坑 “此系统上禁止运行脚本”的错误 Cannot Get /,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
写.css和.html的时候,改了脚本,就得保存,然后去浏览器刷新,十分不方便。后来上网找到了Browsersync,可以让浏览器实时、快速响应文件更改,具体步骤按照官网来就行。
如何安装
-
安装nodejs.
-
去官网下载安装即可,傻瓜操作
-
安装目录D:\software\nodejs
-
-
在安装目录的nodejs中打开cmd
-
调用nmp下载npm install -g browser-sync
问题及解决
使用时我遇到几个问题,解决方法如下:
1. 运行时出现“此系统上禁止运行脚本”的错误,
- 管理员身份运行PowerShell
- 输入set-ExecutionPolicy RemoteSigned
- 输入A,即全部选择“是”
2. 报错无法将“npm”识别为cmdlet、函数、脚本文件或可运行程序的名称
原因是在我之间建立nodejs的时候,自动安装时添加环境变量添加的不对。需要手动添加环境变量。详情见我另一篇博客:https://blog.csdn.net/smiledawen/article/details/108777569
3. 成功运行后,出现Cannot Get /
原因是browser-sync 会找寻目录下的 index.html 如果没有index.html 就会报错 cannot get ./, 所以要把目录下主html的文件名更改为index.html
4. 运行后,浏览器没有实时同步
在cmd按照官方网站,输入browser-sync start --server --files . (注意最后一个是点)浏览器没有同步。cmd中,最后一行没有出现Watching files....
正确方法,cmd到项目所在根目录后,输入browser-sync start --watch --server --files . ,就可以了。这样每次保存,浏览器都会实时更新。
这篇关于浏览器实时、快速响应文件更改脚本Browsersync安装及填坑 “此系统上禁止运行脚本”的错误 Cannot Get /的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!