未捕获的类型错误:fs.readFile不是函数

Question

Node.js，Webpack

在这个使用webpack的项目中，安装了FS。此代码需要读取文件，但返回错误"Uncaught TypeError:fs.readFile不是函数">

const bookForm = document.querySelector(".book-form"); 
const select = document.querySelector(".select"); const fs = require("fs");
export function abc() {   bookForm.addEventListener("submit", e => {
console.log(select.options[select.selectedIndex].text);
e.preventDefault();
fs.readFile("file.txt", function(error, data) {
console.log("file read");
if (error) throw error; 
console.log(data);  });
}); }

Answer 1

您无法在浏览器中导入fs模块，因为浏览器环境无法访问用户的文件系统。fs仅在Node.js上下文(服务器上(中可用，但在客户端(浏览器(上不可用。

如果要将文件从浏览器发送到服务器，可以使用<input type="file">，让用户手动选择要发送的文件。如果您想将服务器文件的内容发送到浏览器，可以使用HTTP通信(AJAX(，也可以在服务器端计算的HTML模板中呈现其内容。

Answer 2

在配置文件中，您可以设置上传类似txt文件的assets的方式。然后您只需使用require('file.txt'(来加载它，而无需使用fs。