浏览器实时、快速响应文件更改脚本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

相关文章

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

Zookeeper安装和配置说明

一、Zookeeper的搭建方式 Zookeeper安装方式有三种,单机模式和集群模式以及伪集群模式。 ■ 单机模式:Zookeeper只运行在一台服务器上,适合测试环境; ■ 伪集群模式:就是在一台物理机上运行多个Zookeeper 实例; ■ 集群模式:Zookeeper运行于一个集群上,适合生产环境,这个计算机集群被称为一个“集合体”(ensemble) Zookeeper通过复制来实现

CentOS7安装配置mysql5.7 tar免安装版

一、CentOS7.4系统自带mariadb # 查看系统自带的Mariadb[root@localhost~]# rpm -qa|grep mariadbmariadb-libs-5.5.44-2.el7.centos.x86_64# 卸载系统自带的Mariadb[root@localhost ~]# rpm -e --nodeps mariadb-libs-5.5.44-2.el7

Centos7安装Mongodb4

1、下载源码包 curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.2.1.tgz 2、解压 放到 /usr/local/ 目录下 tar -zxvf mongodb-linux-x86_64-rhel70-4.2.1.tgzmv mongodb-linux-x86_64-rhel70-4.2.1/

基于人工智能的图像分类系统

目录 引言项目背景环境准备 硬件要求软件安装与配置系统设计 系统架构关键技术代码示例 数据预处理模型训练模型预测应用场景结论 1. 引言 图像分类是计算机视觉中的一个重要任务,目标是自动识别图像中的对象类别。通过卷积神经网络(CNN)等深度学习技术,我们可以构建高效的图像分类系统,广泛应用于自动驾驶、医疗影像诊断、监控分析等领域。本文将介绍如何构建一个基于人工智能的图像分类系统,包括环境

水位雨量在线监测系统概述及应用介绍

在当今社会,随着科技的飞速发展,各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中,水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术,其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成,形成了一个完整的闭环系统。 数据采集单元:这是系统的“眼睛”,

如何用Docker运行Django项目

本章教程,介绍如何用Docker创建一个Django,并运行能够访问。 一、拉取镜像 这里我们使用python3.11版本的docker镜像 docker pull python:3.11 二、运行容器 这里我们将容器内部的8080端口,映射到宿主机的80端口上。 docker run -itd --name python311 -p

禁止平板,iPad长按弹出默认菜单事件

通过监控按下抬起时间差来禁止弹出事件,把以下代码写在要禁止的页面的页面加载事件里面即可     var date;document.addEventListener('touchstart', event => {date = new Date().getTime();});document.addEventListener('touchend', event => {if (new

电脑桌面文件删除了怎么找回来?别急,快速恢复攻略在此

在日常使用电脑的过程中,我们经常会遇到这样的情况:一不小心,桌面上的某个重要文件被删除了。这时,大多数人可能会感到惊慌失措,不知所措。 其实,不必过于担心,因为有很多方法可以帮助我们找回被删除的桌面文件。下面,就让我们一起来了解一下这些恢复桌面文件的方法吧。 一、使用撤销操作 如果我们刚刚删除了桌面上的文件,并且还没有进行其他操作,那么可以尝试使用撤销操作来恢复文件。在键盘上同时按下“C

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设