如何从 src 文件夹添加导入答案

【问题标题】：How can I add import from src folder如何从 src 文件夹添加导入
【发布时间】：2023-03-05 03:27:02
【问题描述】：

我在 Angular 应用程序的 src 文件夹中直接有一个文件夹 _files。 _files 文件夹有一个 json _productlist.json。我想使用_productlist.json，但我无法添加此路径进行导入。

在compilerOptions 中，我添加了baseUrl": "./src"。我尝试添加这些选项但不起作用

import { foo } from '_files'
import { foo } from './_files'
import { foo } from './src/_files'

如何成功导入使用json文件？

【问题讨论】：

【解决方案1】：

您可以修改 tsconfig.json 中的路径字段以创建导入别名

{
  ...
  "compilerOptions": {
   ....

   "paths": {
     "_files/*": ["_files/*"]
    }
  }
}

现在你可以像这样导入它

import { foo } from '_files/_productlist';

【讨论】：

我在tsconfig.json 文件中添加了paths 仍然是同样的问题。仅供参考，我已经从 baseUrl 中删除了 src，因为我在从 nodemodules 开始的其他导入中遇到错误。
在这种情况下，路径是 `"_files/*": ["src/_files/*"]
我收到警告，我在 tsconfig.json 文件中使用了 "resolveJsonModule": true,，现在右侧代码正在运行，但左侧 foo 显示错误 ..._productlist.json 文件没有导出成员 foo。跨度>
因为它没有导出foo。我认为这是一个通用名称，您需要帮助创建对文件的引用。现在您有了参考资料，您想获得什么帮助？
我想要这样，你可以检查一下jsonworld.com/demo/how-to-read-local-json-file-in-angular