浏览器实时、快速响应文件更改脚本Browsersync安装及填坑 “此系统上禁止运行脚本”的错误 Cannot Get /

本文主要是介绍浏览器实时、快速响应文件更改脚本Browsersync安装及填坑 “此系统上禁止运行脚本”的错误 Cannot Get /,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

         写.css和.html的时候,改了脚本,就得保存,然后去浏览器刷新,十分不方便。后来上网找到了Browsersync,可以让浏览器实时、快速响应文件更改,具体步骤按照官网来就行

如何安装

  1. 安装nodejs.

    1. 去官网下载安装即可,傻瓜操作

    2. 安装目录D:\software\nodejs

  2. 在安装目录的nodejs中打开cmd

  3. 调用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 /的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/598868

相关文章

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

Python中win32包的安装及常见用途介绍

《Python中win32包的安装及常见用途介绍》在Windows环境下,PythonWin32模块通常随Python安装包一起安装,:本文主要介绍Python中win32包的安装及常见用途的相关... 目录前言主要组件安装方法常见用途1. 操作Windows注册表2. 操作Windows服务3. 窗口操作

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机

Python get()函数用法案例详解

《Pythonget()函数用法案例详解》在Python中,get()是字典(dict)类型的内置方法,用于安全地获取字典中指定键对应的值,它的核心作用是避免因访问不存在的键而引发KeyError错... 目录简介基本语法一、用法二、案例:安全访问未知键三、案例:配置参数默认值简介python是一种高级编

Linux如何快速检查服务器的硬件配置和性能指标

《Linux如何快速检查服务器的硬件配置和性能指标》在运维和开发工作中,我们经常需要快速检查Linux服务器的硬件配置和性能指标,本文将以CentOS为例,介绍如何通过命令行快速获取这些关键信息,... 目录引言一、查询CPU核心数编程(几C?)1. 使用 nproc(最简单)2. 使用 lscpu(详细信

利用Python脚本实现批量将图片转换为WebP格式

《利用Python脚本实现批量将图片转换为WebP格式》Python语言的简洁语法和库支持使其成为图像处理的理想选择,本文将介绍如何利用Python实现批量将图片转换为WebP格式的脚本,WebP作为... 目录简介1. python在图像处理中的应用2. WebP格式的原理和优势2.1 WebP格式与传统

linux重启命令有哪些? 7个实用的Linux系统重启命令汇总

《linux重启命令有哪些?7个实用的Linux系统重启命令汇总》Linux系统提供了多种重启命令,常用的包括shutdown-r、reboot、init6等,不同命令适用于不同场景,本文将详细... 在管理和维护 linux 服务器时,完成系统更新、故障排查或日常维护后,重启系统往往是必不可少的步骤。本文

如何在Mac上彻底删除Edge账户? 手动卸载Edge浏览器并清理残留文件技巧

《如何在Mac上彻底删除Edge账户?手动卸载Edge浏览器并清理残留文件技巧》Mac上的Edge账户里存了不少网站密码和个人信息,结果同事一不小心打开了,简直尴尬到爆炸,想要卸载edge浏览器并清... 如果你遇到 Microsoft Edge 浏览器运行迟缓、频繁崩溃或网页加载异常等问题,可以尝试多种方

Python如何将OpenCV摄像头视频流通过浏览器播放

《Python如何将OpenCV摄像头视频流通过浏览器播放》:本文主要介绍Python如何将OpenCV摄像头视频流通过浏览器播放的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完... 目录方法1:使用Flask + MJPEG流实现代码使用方法优点缺点方法2:使用WebSocket传输视

k8s上运行的mysql、mariadb数据库的备份记录(支持x86和arm两种架构)

《k8s上运行的mysql、mariadb数据库的备份记录(支持x86和arm两种架构)》本文记录在K8s上运行的MySQL/MariaDB备份方案,通过工具容器执行mysqldump,结合定时任务实... 目录前言一、获取需要备份的数据库的信息二、备份步骤1.准备工作(X86)1.准备工作(arm)2.手