首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

PUG文件中没有读取我的JavaScript文件。你知道为什么这个不起作用吗?

PUG文件是一种模板引擎,用于生成HTML文件。它允许开发者使用简洁的语法来创建动态的HTML内容。在PUG文件中无法读取JavaScript文件的原因可能有以下几种情况:

  1. 文件路径错误:请确保你在PUG文件中正确引用了JavaScript文件的路径。路径应该相对于PUG文件的位置,或者是一个绝对路径。
  2. 文件未加载:确保你在PUG文件中正确地加载了JavaScript文件。你可以使用script标签来引入JavaScript文件,例如:
代码语言:txt
复制
script(src='path/to/your/javascript.js')
  1. 文件顺序问题:如果你的JavaScript文件依赖于其他文件或库,确保它们在JavaScript文件之前被加载。否则,可能会导致JavaScript文件无法正常执行。
  2. JavaScript语法错误:检查你的JavaScript文件是否存在语法错误。语法错误可能会导致JavaScript文件无法被正确解析和执行。
  3. 缓存问题:有时候浏览器会缓存JavaScript文件,导致更新后的文件无法立即生效。你可以尝试清除浏览器缓存或者使用无缓存的方式加载JavaScript文件,例如:
代码语言:txt
复制
script(src='path/to/your/javascript.js', type='text/javascript', crossorigin='anonymous')

以上是一些可能导致PUG文件无法读取JavaScript文件的常见原因。如果问题仍然存在,建议逐步排查并检查相关代码和配置,或者参考腾讯云的文档和社区资源来解决问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

《你不知道的JavaScript》:js中为什么没有类?

类--是一种代码的组织结构形式,是一种在软件中对真实世界中问题领域的建模方法。类有三个核心概念:封装、继承和多态。...所有字符串都是String类的实例,可以说这个字符串是一个包裹,包含字符数据和可以应用在这个数据上的函数(行为或者方法)。...在软件中,对不同的交通工具重复定义载人能力等方法是没有意义的,只要在Vehicle类定义一次,然后在Car类时,只要声明它继承(或扩展)了Vehicle类的基础定义就行。...这个方法的任务就是初始化实例需要的所有信息(状态)。 类构造函数属于类,通常和类同名,并且构造函数大多需要用new来调用,这样语言引擎才能知道你想要构造一个新的实例。...在javascript中也有类似的语法,但是和传统的类完全不同。 js中只有对象,没有类这个概念。 类意味着复制,传统的类被实例化时,它的行为会被复制到实例中。类被继承时,行为也会被复制到子类中。

1.7K30

5种高大上的yml文件读取方式,你知道吗?

YamlPropertiesFactoryBean来读取自定义配置的yml文件,而不用再被拘束于application.yml及其激活的其他配置文件。...,那就是只有在这个接口的请求中能够取到这个属性的值,如果再写一个接口,不使用YamlPropertiesFactoryBean读取配置文件,即使之前的方法已经读取过这个yml文件一次了,第二个接口取到的仍然还是空值...,我们知道SpringBoot是通过监听事件的方式来加载和解析的yml文件,那么我们也可以仿照这个模式,来加载自定义的配置文件。...YamlPropertySourceLoader加载、解析配置文件将解析完成后的OriginTrackedMapPropertySource添加到Environment中修改启动类,在启动类中加入这个监听器...如果你看了上一篇的文章后跟着翻阅了一下源码,那么你会发现,其实在SpringBoot的底层,也是借助了SnakeYml来进行的yml的解析操作。

1.2K10
  • R中读取包含中文字符的文件时这个诡异的错误你见过吗?

    我们有一个文件,里面写了一些中文信息,命名为chinese.txt,内容为 Train Time 转录组开课时间 2021/10/29-2021/10/31 临床基因组学开课时间 2021/11/...如果我们一直去数列数,这是怎么都不会发现问题的。考虑到大多数程序语言对非英文支持不好,考虑是编码格式问题。..., what = what, sep = sep, quote = quote, dec = dec, : line 2 did not have 2 elements 解决方案1:指定编码格式 正确的读了进来...宏基因组开课时间 2021/11/19-2021/11/21 ## 4 扩增子开课时间 2022/01/07-2022/01/09 解决方案2:用readr包里面的read_tsv 这个使用更方便...有时在read.table中即使指定了fileEncoding = "utf-8"参数后依然解决不了问题的文件,用readr毫无压力。

    2.3K10

    你使用过 Python 3.6 中针对文件系统的这个神奇方法吗?

    这是 Python 3.x 首发特性系列文章中的第七篇。Python 3.6 首次发布于 2016 年,尽管它已经发布了一段时间,但它引入的许多特性都没有得到充分利用,而且相当酷。下面是其中的三个。...你在看代码时能正确回答吗?根据当地的习惯,在写作中,你会用 10,000,000 或 10.000.000 来表示第一个数字。问题是,Python 使用逗号和句号是用于其他地方。...在 Python 3.6 及以后的版本中,你的数学代码可以使用更直观的常数: print("Tan of an eighth turn should be 1, got", round(math.tan...但是在这个版本中首次出现的一些特性非常酷,而且没有得到充分利用。...如果你还没使用,那么将他们添加到你的工具箱中。

    33700

    生信分析过程中这些常见文件的格式以及查看方式你都知道吗?

    生信分析过程中,会与很多不同格式的文件打交道,除了原始测序数据fastq之外,还需要准备基因组文件fasta格式和基因注释文件gtf格式。...primary assemblyfasta(想知道为什么,点这里)。...4. bed文件 分析过程中的bed文件一般代表区域信息,如表示Peak位置的bed文件,表示基因注释的bed12文件。...你会发现随机挑选几个值做加和运算,他们的结果都是唯一的,所以在bam文件中第二列flag的值代表这条序列符合下图所示条件的值的和。...如果是双端测序,工具会帮我们把另外一端序列的flag值返回,并且将这些数字情况大致分为5类,在右侧进一步显示这个值对应的含义。 ?

    2.6K20

    配置文件中的数据库连接串加密了,你以为我就挖不出来吗?

    讲故事 前几天在调试物联柜终端上的一个bug时发现 app.config 中的数据库连接串是加密的,因为调试中要切换数据库,我需要将密文放到专门的小工具上解密,改完连接串上的数据库名,还得再加密贴到 app.config...从上图中可以看出,连接串的明文是存放在: OleDbHelper.ConnectionString 中的,然后可以看到,程序中定义了一个 Decrypt 方法专门用来解密连接串,哈哈,有了这个算法,是不是就可以脱库啦...这些FCL的类你是没法混淆的,我从这些类上反推可以很轻松的就能找到明文的 ConnectionString ,所以这条路我觉得是走不通的。...诚然,解密算法搬走了,再用 ILSpy 去挖已经没有任何意义了,但这里有一个重要突破点,不管是用什么形式解密的,最后的连接串明文都是存放在 OleDbHelper.ConnectionString 这个静态变量中...接下来的问题就是有没有办法把进程中的这个静态变量给挖出来?你说的对,就是抓程序的 dump文件 用 windbg 去挖。 三:使用 windbg 去脱库 1.

    67020

    前端工程化发展历史

    ES2016+ 不已经是 ES6 的超集了,为什么我们还需要使用这个叫 TypeScript 的东西? 因为它允许我们写 javaScript 的时候定义类型,从而减少运行时的错误。...你只需要知道函数式编程比面向对象更好,并且这是 2016 该采取的方式就可以了。 不对吧,我在大学学的是面向对象,这个会更好些吧?...嗯嗯,我知道这个,所以 promise 可以解决这个问题吗? 是的,通过 promise 你可以更轻松的管理异步请求,写出易于理解的代码,同时调用多个网络请求。 也就是用 Fetch 去写?...对的,应该没有人喜欢 Coffeescript 的语法了。那 Jade? 你不是说过 Jade 了吗? 我的意思是 Pug,也是 Jade。现在 Jade 叫 Pug 了。...哈哈,你应该去了解一下 Python 社区。 为什么? 听过 Python 3 吗?

    78920

    HTMX简介:无需JavaScript的动态HTML

    基本的想法是取代那些需要模板化的 JavaScript 和 HTML 交互的常见用例,仅使用HTML语法,而不是 JavaScript。许多交互与HTMX一起变得声明式。 这听起来很有前景,不是吗?...你可以在图1中看到演示 —— 在你点击“显示”后注意底部框架中的网络交互。 通常,无论你使用什么框架,这都需要某种形式的JavaScript。...从这些例子中得到的结论是我之前提到的:服务器负责提供HTML(带有HTMX标签)的适当大小的块,以填充前端为其各种交互所需的屏幕的不同部分。...当然,还有客户端模板选项,它使服务器成为一个熟悉的JSON发射器。我试图想象它在一个大型软件项目中是如何工作的。它会减少大规模项目中的总体复杂性吗? Gross对复杂性有自己的想法。...你可以看到他的想法在HTMX的设计中得到体现。这项技术希望通过将我们带回到Hypertext作为web应用程序的状态机制来简化事情。这个例子显示了这个想法的运作。

    67310

    吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧《上》

    下面我把这些点点滴滴的经验总结下来,做一个系列的文章分享和阶段性的总结。 常规操作,先点赞后观看哦!你的点赞是我创作的动力之一! 概览 ?...本篇文章将围绕下列问题进行论述: •如何规范你的 git 提交,并自动生成并提交日志?•如何配置和使用 Sass 和 PUG 提升你的编码效率?...•如何管理你的资源,如何引入图标,样式?•如何封装你的 axios,管理你的api?•如何使用 mock 模拟你的数据,实现真正意义的前后端分离? 实践 实践之前:我希望你有如下准备,或者知识储备。...3 个方面来做一些编码效率上的改进 •升级你的 vue-cli 减少 webpack 配置的成本•使用 sass,利用里面函数、mixins、变量提升 css 文件的复用•使用 pug,减少 html...假如我想着模版中直接使用样式,有没有更快的方案呢? 当然有的,我们可以自定义一个常用的样式工具集。设置一些背景颜色、字体颜色、盒子模型中的常规操作。

    1.3K30

    从0到1搭建webpack2+vue2自定义模板详细教程

    loader 甚至允许你在 JavaScript 中 require() CSS文件!...pug是什么鬼?第一次听到的时候我也好奇了,然后查了一下才知道,Pug原名不叫Pug,原来是大名鼎鼎的jade,后来由于商标的原因,改为Pug,哈巴狗。...pug是什么鬼?第一次听到的时候我也好奇了,然后查了一下才知道,Pug原名不叫Pug,原来是大名鼎鼎的jade,后来由于商标的原因,改为Pug,哈巴狗。...pug是什么鬼?第一次听到的时候我也好奇了,然后查了一下才知道,Pug原名不叫Pug,原来是大名鼎鼎的jade,后来由于商标的原因,改为Pug,哈巴狗。...pug是什么鬼?第一次听到的时候我也好奇了,然后查了一下才知道,Pug原名不叫Pug,原来是大名鼎鼎的jade,后来由于商标的原因,改为Pug,哈巴狗。

    4.8K20

    教你如何从零开始搭建一个属于自己的网站

    我会从整体上对搭建网站的流程和使用到的技术及步骤进行介绍(因为要铺开讲,倘若包括轶事,实在太多太杂,我也会点到为止),并让你明白这个东西在网站的过程中起到什么样的作用。...undefined这得从什么是 JS 说起,JS 也就是 JavaScript。(为什么有种从盘古开天辟地开始的感觉)没错,JavaScript 就是网页的盘古。...于是你的电脑也有了 Node.js 这个和浏览器相似的水缸,也可以在里面运行 JavaScript 了!...(因为你会发现时常切换大小写很麻烦) 为什么必须这个作为仓库名? GitHub Pages 服务的命名规范,同时它也将成为你的专属域名。当然,你也可以购置自己的专属域名并用它来提供内容。...)我的主题(托管于 GitHub,链接便是主题所在的地址),themes/yun 则代表放在你 Hexo 文件夹下的 themes/yun 文件夹里(没有该文件夹会自动新建)。

    3.4K20

    Vue进阶课堂之《从HTML到Pug》

    或许你知道,有个东西叫emmet,它是解决了你写的时候多写的那些内容,但是并没有解决冗余的代码行数,更不要提在你没有完全熟练使用emmet前,脑子里面需要进行大量的预翻译!...那么是否有一种既能减少代码量,又能不做预翻译的方案呢,呐呐呐,Jade这个后端模板出现了,然后改名叫Pug了,现在Vue也支持这个语法,具体请往下看。...,前两者有共有的哲学,CoffeeScript说自己就是JavaScript; 同样的,Pug也就是HTML,你可以理解成语法糖。...如果公司绩效算行数或代码量的千万别用 温馨提示: 1. Vue 使用有没有什么需要注意的地方没有,完全没有,该“:”就冒号,该“@”就shift+2 2....的就用Vue的,Pug对于我们项目来说,最大的功能就是精简和整理代码。

    66120

    Hexo相关

    中 引入到页面 找到 `themes/butterfly/layout/includes/`下的文件`layout.pug`,将代码 if theme.preloader !...将鼠标下拉会看到刚才你添加的样式。 ### 引入字体及样式 引入字体样式其实就是把刚才的链接引入到博客中,可以直接使用阿里的链接,也可以下载下来。为了方便方便修改,我建议下载下来放到本地。...通过开发者工具我们可以看到主题为前边小图标的样式: 因此我们改动起来也很简单,只需要在刚才我们的 `iconfont.css` 文件中覆盖这个样式即可。...如果没有,在文中局部引入也是可以的。 接下来只需要在需要的地方插入 svg 标签即可。 HTML ``` 最后 如果你遇到了如下问题,请向上查找解决方案....修改图标大小及颜色 图标不显示 (无效果) 这种原因很多种,但如果你稍有常识就不会遇到. 不知道在哪改 在你创建的 css 文件中.

    1.5K20

    如何使用Node.js和Express实现Web应用程序中的文件上传

    处理文件上传:使用Node.js和Express构建Web应用程序时,文件上传是一个常见的需求。在本教程中,您将学习如何使用Node.js和Express处理上传的文件。...注意:为了跟随本教程,您需要以下内容:在您的计算机上安装Node.js基本的JavaScript和Express知识一个文本编辑器或轻量级IDE,如Visual Studio Code概述为了允许文件上传...在本教程中,我们将编写JavaScript代码来显示有关文件的一些信息,并使用Verisys Antivirus API扫描恶意软件。...│ └── index.pug│ └── layout.pug在我们继续之前,请确保您能够运行该应用程序并在浏览器中查看它在MacOS、Linux或Windows上的Git Bash中,使用以下命令运行应用程序...然后,它将文件上传到Verisys Antivirus API以扫描其中的恶意软件 - 请注意,X-API-Key将需要替换为真实的API密钥以进行真实文件的扫描。还没有API密钥?立即订阅!

    31310

    手把手教你实现在Monaco Editor中使用VSCode主题

    背景 笔者开源了一个小项目code-run,类似codepen的一个工具,其中代码编辑器使用的是微软的Monaco Editor,这个库是直接从VSCode的源码中生成的,只不过是做了一点修改让它支持在浏览器中运行...,没有效果,为什么呢,去Monarch看一下对应语言的解析配置后就会发现,压根就没有VSCode主题里定义的这些token,有效果才奇怪,那怎么办呢,自己扩展这个解析的配置吗,笔者最开始就是这么做的,写正则表达式嘛...,比如想知道css的作用域名称,我们进入css目录,然后打开package.json文件,可以看到其中有一个grammars字段: "grammars": [ { "language.../convertTheme.js命令后,就会把你放在vscodeThemes目录下所有VSCode的主题文件转换成Monaco Editor的主题文件并输出到public/themes目录下,然后我们在代码里直接通过...MonacoWebpackPlugin({ languages: ['css', 'html', 'javascript', 'less', 'pug', 'scss', 'typescript

    3.8K41

    Hexo+github搭建个人博客

    spm_id_from=333.337.search-card.all.click 视频中的网址失效了,在本文下面给你最新的博客教程 安装并配置Node.js Node.js下载:【它让JavaScript...node_modules:存储Hexo插件的文件,可以实现各种扩展功能。一般不需要管。 package.json:别问我,我也不知道干嘛的。...新建的博客中,source文件夹下默认只有一个子文件夹——_posts。我们写的博客都放在这个子文件夹里面。...如果你的标题是中文的话,那你的URL链接就会包含中文, 复制后的URL路径就是把中文变成了一大堆字符串编码,如果你在其他地方用这边文章的url链接,偶然你又修改了改文章的标题,那这个URL链接就会失效。..._config.yml 找到 permalink: 图片 发布博客 这次了解我上面只有一个HelloWord的时候,为什么不让右键新建,因为需要命令生成啊,铁汁!

    64330

    如何新窗口打开导航链接?

    前言 为什么做这个功能? 像没有服务器,没弄多个Github账号的人,比如我(资深白嫖党),可能会遇到这个问题。 你可能会产生疑问,究竟是什么问题?没有服务器怎么了?别急,且听我细细说来。...解释如下: 这里虽然有配置项,但是好像并不能实现我想要的功能,我想实现的是如何自定义打开导航栏链接 ?...这里说的导航栏指的是主题配置文件_config.butterfly.yml中的menu部分。...这导致我如果有了其他类似于工具站的站点外,也只好嵌入原有博客项目中,像我把旧版本、网址收藏、音乐长廊等多个跳过Hexo渲染的文件嵌入到了Hexo + Butterfly的博客项目中,这些其实可以被称作独立于博客项目之外的项目...效果预览 你可以直接打开本站导航栏中的旧版本、网址收藏、音乐长廊、旧版本入口这些链接体验效果。 这里我用v4.8.5主题版本跑了一遍,只做了简单测试,未过多美化!

    25710
    领券