我正在使用React.js开发组件,并且控制台抛出以下错误:
编译失败:
./src/components/file_tree.js
Module not found: Can't resolve '.src/components/directory.js' in
'D:\Treebeard\src'
在这里,您可以看到file_tree.js中的代码:
import React from 'react';
import ReactDOM from 'react';
import { Directory } from './components/directory.js';
directory.js中的代码:
import React from 'react';
import { TriangleDown } from './components/file_tree.js';
import { FolderIcon } from './components/file_tree.js';
import { formatName } from './components/file_tree.js';
import { renderTree } from './components/file_tree.js';
在这里,App.js代码以防万一:
import React from 'react';
import ReactDOM from 'react-dom';
import { SearchEngine } from './components/search_engine.js';
import { FileTree } from './components/file_tree.js';
import { Directory } from './components/directory.js';
我检查了两个文件的文件路径,一切似乎都还不错,但是抛出了此错误。我是否缺少有关文件路径的信息?无论directory.js和file_tree.js都在里面” ./src/components'文件夹中。
App.js位于“ ./src”文件夹中。
由于您正在从同一目录访问文件路径。它应该是:
file_tree.js:
import React from 'react';
import ReactDOM from 'react';
import { Directory } from './directory.js';
directory.js:
import React from 'react';
import { TriangleDown } from './file_tree.js';
import { FolderIcon } from './file_tree.js';
import { formatName } from './file_tree.js';
import { renderTree } from './file_tree.js';
App.js:没关系。由于您正在从当前目录访问组件文件路径。
import React from 'react';
import ReactDOM from 'react-dom';
import { SearchEngine } from './components/search_engine.js';
import { FileTree } from './components/file_tree.js';
import { Directory } from './components/directory.js';
如需进一步的帮助,请参阅这篇文章,它将在相关情况下为您提供帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句