javascript - 添加 require 关键字会破坏原生 JavaScript 函数-6ren

javascript - 添加 require 关键字会破坏原生 JavaScript 函数

转载作者：行者123 更新时间：2023-12-02 21:31:43

25

4

我有一个 HTML 文件，如下所示:

<body onload="myFunction('test');"
    <div id="test"></div>

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

JS脚本如下:

function myFunction(id) {
    const div = document.getElementById(id);
    var html = "<p>test</p>";

    div.innerHTML = html;
}

这有效，当我从 npm 运行 http-server 的浏览器中加载 HTML 文件时，会显示“test”一词

但是当我将以下行与 require for fs 添加到我的 JS 脚本中时，该函数在 VS Code 中给出以下错误:'projectCarousel'已声明，但其值从未被读取。ts(6133)，并且当我在浏览器中加载 HTML 文件时，“test”停止显示:

const fs = require('fs');

当我在浏览器中加载 HTML 文件时，为什么添加一行 require 会阻止我的 JS 脚本执行？

屏幕截图如下:

添加 require 之前

添加require后

最佳答案

您不能在浏览器上下文中使用 require，访问文件系统只能在服务器端使用 node.js 完成。使用 Express 为您的页面提供服务可能是一种选择。

关于javascript - 添加 require 关键字会破坏原生 JavaScript 函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60606450/

25

4

0

文章推荐： dsl - XText w/XBase - 初始化生成的变量

文章推荐： amazon-s3 - 同步 S3 文件夹/存储桶

文章推荐： javascript - 如何从 WebAssembly 函数返回 JavaScript 字符串

require - `require` 在某些地方不起作用的原因可能是什么？
使用 ABC 加载模块 ( require )在分发的一个模块中工作，而在分发的另一个模块中失败。加载 ABC 的原因可能是什么？与 require在一个地方失败？ require Name::AB
c# - 参数 : (required, optional) vs (required, required, optional)
我定义了以下方法: void Write(string fileContent, string fileName, string container = StorageBlobContainers.P
require.js深入了解 require.js特性介绍
现在，Require.js是我最喜欢的Javascript编程方式。它可以使代码化整为零，并易于管理。而Require.js Optimizer能帮助我们将一个较大的应用分散成多个较小的应用，并通过
php - apiato - 教程示例 : Invalid Input (The email field is required; The password field is required; The name field is required)
尝试开始使用 apioto http://apiato.io/A.getting-started/installation/ 如果我尝试测试 http://api.apiato.dev/registe
css - :required or [required] CSS selector
浏览 MDN 文档以查看提议的伪类的状态时，我遇到了 :required(并且扩展为 :optional)。这两个都已经存在很长时间了，但我现在才刚刚了解到。此选择器与使用属性选择器 [requir
jsonschema - JSON 模式条件 : require and not require
我正在尝试实现此条件:如果存在特定属性，则需要另一个属性；但如果它不存在，则不需要另一个。另外，在 JSON 模式中，我们可以在依赖项中使用 not 吗？这是一个示例架构 var schema =
Javascript require 与 require .default
我正在使用react-hot-loader我对其示例代码感到非常困惑: import React from 'react' import ReactDOM from 'react-dom' impor
require - 什么时候应该使用 require() ，什么时候使用 Define() ？
过去几天我一直在玩 requirejs。我试图理解定义和要求之间的区别。 Define 似乎允许模块分离并允许遵守依赖关系顺序。但它会下载开始时所需的所有文件。而 require 仅在您需要时加载您需
require - Angular 6::找不到名称 'require'
我的项目是使用 angular cli [版本 - 6.1.3] 创建的。我安装了 npm 模块 - is-reachable并在我的代码中使用它作为 - const isReachable = r
Javascript require 方法在另一个 require 方法中
(有人可能会相应地更改标题)当像这样调用 javascript 的 require 方法时到底发生了什么: var xyz = require('xy')(require('z')); 谢谢最佳答案
javascript - Nodejs require()(require()) 导入
我一直在使用编译为 Node 代码的 Typescript 开发应用程序。因此，我更喜欢使用 import 语句来 require。我一直在尝试将 Lodash 与 Lodash-Deep 一起使用
javascript - require 的同步形式在解决循环依赖时会抛出错误，除非我重命名 require
我在 require 中有一个奇怪的行为，我不知道如何避免(或者也许我的基础知识错误？)。考虑以下代码: define (require) -> potoo = require "potoo"
javascript - require 和 require 和有什么不一样
这两种加杏仁和不加杏仁有什么区别？ require('模块');require(['模块']); 编辑嵌套: define(function() { require('module'); } def
javascript - require.js : require. 配置路径优化
我愿意使用 require.js 优化器优化我的 javascript 应用程序，但我现在想知道是否也可以在一个文件中包含 require.config 路径和 javascript 模块。事实上，在
javascript - require (require.js) 的多个实例可以很好地协同工作吗
我想我需要在一个页面中支持多个 require 实例，但在实现它时遇到了两个问题。我正在开发一项服务，该服务向外部客户端页面提供可嵌入的交互式对象。最重要的设计标准是易于嵌入，尽可能少地假设客户端环境
angularjs - required 和 ng-required 和有什么区别？
required 和 ng-required(表单验证)之间有什么区别？最佳答案 AngularJS 表单元素查找 required属性来执行验证功能。 ng-required允许您设置requir
angularjs - 使用 ng-required 与 required
我有以下多选框: 0" /> 在我的 Controller 中，我在初始化时执行此操作: $scope.form.Slides = []; 如果幻灯片数组中有幻灯片，我希望表单的此元素有效。这些是动
python - 导入错误 : The 'packaging.requirements' package is required
我在 ubuntu 上运行 VPS: Distributor ID: Ubuntu Description: Ubuntu 14.04.5 LTS Release: 14.04 C
javascript - 如何在 require() 之外调用在 require() 内部定义的函数？
我正在使用 ArcGIS API for Javascript 3.21。我在 require() 中有一个函数。我希望在单击按钮时调用该函数，但该按钮位于 require() 之外。
javascript - 使用不受信任的字符串调用 require() 会出现安全问题 (require.js)
我的浏览器应用程序使用 require.js。该应用程序在屏幕上显示许多不同的小部件之一。 URL 片段包含小部件的路径(require.js 路径)，然后调用 require 来动态加载它: var

首页

博学

6Ren·AI

商城

javascript - 添加 require 关键字会破坏原生 JavaScript 函数