用于 src 外部文件的符号链接node_modules

Question

在我的项目中，我使用一个JSON文件作为数据库（当前存储在我的计算机的本地）。它由节点修改。js和一些信息在import:import Data from'myPath/appData中使用React呈现。json'我不能将数据库放在src文件夹中，因为构建是静态的，我的数据库必须是动态的。我得到这个错误：

Failed to compile.
./src/components/Ligne1.jsx
Module not found: You attempted to import myPath/appData.json which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.

我现在请你帮忙添加符号链接。我在node_modules中创建了文件夹“appData ”,使用了:

const fs=require('fs');
fs.symlink('.src/','.node_modules/app/',e=>{});
import Data from 'myPath/appData.json';

在我的组件中使用它，比如:

import Data from 'appData';

但我也得到错误：

Failed to compile.
export 'default' (imported as 'Data') was not found in 'appData'

我正在寻找一个解决方案来忽略src文件夹之外的导入限制（符号链接或其他东西：我已经尝试更改webpack的配置，但它没有改变任何东西）或其他解决方案来从我的JSON文件（目前存储在我的计算机上的本地）中获取信息。

谢谢你的时间。

Answer 1

此限制确保所有文件或模块(导出)都在< code>src/目录中，实现在< code >中。/node _ modules/react-dev-utils/modulescopeplugin . js ，代码如下。

// Resolve the issuer from our appSrc and make sure it's one of our files
// Maybe an indexOf === 0 would be better?
     const relative = path.relative(appSrc, request.context.issuer);
// If it's not in src/ or a subdirectory, not our request!
     if (relative.startsWith('../') || relative.startsWith('..\\')) {
        return callback();
      }

您可以通过以下方式取消此限制

1. 更改这段代码（不推荐）
2. 或者执行弹出，然后删除ModuleScopePlugin。js
3. 或comment/removeconst ModuleScopePlugin=require（'react-dev-utils/ModuleScopePlugn'）来自./node_modules/react-scripts/config/webpack.config.dev.js

PS:当心弹出的后果。