React Typescript：从本地文本文件中读取

编程问答 2022-05-13

问题描述

我在使用 Typescript 的 React 中导入和读取本地文本文件时遇到问题。 我有两个问题：

  1. 当我尝试从 myFile.txt (console.log(txt)) console.log 内容时，我得到一个 像这样的字符串：export default "*whatever text is in myFile.txt*";。 我试图只获取文件中的文本，而不是 export default 部分...
  2. 例如，当我尝试拆分字符串时 new-line(txt.split('\n'))，它不会拆分字符串，即使 字符串中有 \n .. 编辑：通过在 txt.split('\\n') 上拆分来管理它......不知道为什么

我尝试使用模块 raw-loader 并像这样导入文本文件：

import txt from 'raw-loader!./text/myFile.txt';

在我的 webpack.config.js 文件中，我包含了这个：

module: {
            rules: [    
                {
                    test: /\.txt$/i,use: 'raw-loader',},],

并且我有一个 .d.ts 文件，我在其中取消了模块：

declare module 'raw-loader!*' {
    const content: string;
    export default content;
}

任何输入都会非常有帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

raw-loaderreactjsreactjsreactjsreactjstext-filestypescripttypescripttypescript