当前位置: 首页 > 知识库问答 >
问题:

使用WebStorm时“ReferenceError:未定义文档”

涂选
2023-03-14

我正在使用WebStorm IDE,我正在为我的HTML和JS编写一个简单的测试。代码如下:

JavaScript(index.js):

const cool = document.getElementByClassName('error');

cool.innerText = 'test';

超文本标记html" target="_blank">语言(index.html):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src = "index.js"></script>
</head>
<body>
    <h1 class="theWhat">The DOM</h1>
    <p>Hello World</p>
    <p class="error">Error!</p>
</body>
</html>

JavaScript对任何p标签都没有任何作用,当我运行它时,我遇到了这个错误:

const pars=document.querySseltorAll('p');^参考错误:在对象处没有定义文档。(C:\用户\sethz\WebstormProjects\jscourse\chapter2\index.js:124: 14)

←[90米模块处。_编译(节点:内部/modules/cjs/loader:1101:14)←[39m

←[90m对象。模块。_extensions... js(节点:内部/模块/cjs/加载器: 1153:10)←[39m

←[90米模块加载(节点:内部/模块/cjs/加载器:981:32)←[39m

←[90米功能模块加载(节点:内部/模块/cjs/加载程序:822:12)←[39m

←[90m在Function.executeUserEntryPoint作为runMain←[39m

←[90m在节点:内部/主/run_main_module: 17:47←[39m

退出代码1的过程结束

我读到它与翻译有关,但我不知道如何解决这个问题。

注:

我正在使用Node。js。我以前从未遇到过这个问题,直到我删除它以更新到最新的WebStorm(2021年)

共有2个答案

连德义
2023-03-14

我感谢所有的帮助。我用了一些答案,有些有效。我已经找到了另一种不用额外代码的方法。我去了网站http://vanilla-js.com/它下载包含DOM操作的脚本文件。我所要做的就是折射它,并在我的IDE(WebStorm)中根据我的喜好更改它的名称。

黎腾
2023-03-14

要将javascript文件包含到html页面,您需要在index.js/中声明静态目录app.js.

const express = require('express');
const app = express();
app.use(express.static('public')) // static file
app.listen(8000, console.log(`Server started on port 8000`))

我们将根目录中的公共文件夹声明为静态文件夹。然后,如果您有一个公共/index.js(浏览器)在公共文件夹中,将其添加到您的html页面像往常一样

<script src="/index.js"></script>

请注意,在浏览器中使用静态文件时,您不需要指定公共文件夹。

 类似资料:
  • 问题内容: 我收到此错误消息, 这是我的标题。 以下是我的JavaScript代码 以下是HTML 我想在输入标签上显示日期选择器。 我正在使用Bootstrap V3.1。 问题答案: 在使用$或jQuery的脚本之前 添加jQuery库 , 以便可以在脚本中标识$。

  • 我在node.js中编译代码时出现了这个错误,我该如何修复它呢? RefernceError:未定义fetch 这就是我正在做的函数,它负责从特定的电影数据库中恢复信息。

  • 问题内容: 我正在尝试从Java代码调用Java脚本函数。 这是我的Java代码 这是我的Java脚本文件: 但是当我运行驱动程序类的主要方法时,它给我错误如下: 我所知道的是它需要一些脚本引擎来执行它。 为此,我在类路径中添加了rhino.jar文件,但这不起作用。 我没有得到如何解决这个错误。请帮助。谢谢。 问题答案: 不是JavaScript的一部分,而是Web浏览器提供的对象的一部分。所以

  • 我试图显示一个关于成功promise的弹出式通知,但我一直收到“ReferenceError:doNotification未定义”。如果我在html中单击按钮时触发doNotification,它就会工作。我的电子邮件功能和控制台一样工作。日志将适当的参数打印到控制台。我不确定在我的电子邮件功能中调用doNotification时为什么会出现此错误?

  • 问题内容: 我有以下Angular函数: 但是无论何时调用此函数,我都会进入 控制台。有人可以帮助我了解我在做什么错吗? 问题答案: 可能您尚未向控制器注入服务。有几种方法可以做到这一点。 请阅读有关DI的参考。然后,它变得非常简单:

  • 我有问题回应我的研究,仍然没有什么请帮助我 代码: const{Client,RichEmbed}=require('discord.js')const discord=require('discord.js')) mc\node\u模块\discord。js\src\client\actions\MessageCreate。js:31:14)在目标上。单元在WebSocketManager上导出