无法解析模块
Cannot resolve module
在这里完成react newb。我在尝试使用组件时遇到了一个非常愚蠢的问题。当我在 index.js(入口文件)中包含组件时,它可以正常导入。然而,当我尝试从另一个组件引用它时,它只会尝试从父组件解析路径。
Root
- Example/Example.js
- Test/Test.js
/* In Test.js */
var Test= React.createClass({
render() {
return <div>
"Hello"
</div>
}
});
export default Test;
/* In Example.js */
import Test from './Test/Test';
var Example = React.createClass({
render() {
return <div>
<Test />
</div>
}
});
export default Example;
现在我得到错误:
无法在 G:\app\root\example 中解析模块 './Test/Test' <--- 这里它只在根目录中查找。
我认为这是一个 webpack 问题?我已经尝试了添加 resolve.root 的文档和建议,但这似乎没有帮助。作为新手,我不确定问题是反应还是 webpack 或在哪里修复它。
您的测试路径不正确。应该是../Test/Test
在这里完成react newb。我在尝试使用组件时遇到了一个非常愚蠢的问题。当我在 index.js(入口文件)中包含组件时,它可以正常导入。然而,当我尝试从另一个组件引用它时,它只会尝试从父组件解析路径。
Root
- Example/Example.js
- Test/Test.js
/* In Test.js */
var Test= React.createClass({
render() {
return <div>
"Hello"
</div>
}
});
export default Test;
/* In Example.js */
import Test from './Test/Test';
var Example = React.createClass({
render() {
return <div>
<Test />
</div>
}
});
export default Example;
现在我得到错误: 无法在 G:\app\root\example 中解析模块 './Test/Test' <--- 这里它只在根目录中查找。
我认为这是一个 webpack 问题?我已经尝试了添加 resolve.root 的文档和建议,但这似乎没有帮助。作为新手,我不确定问题是反应还是 webpack 或在哪里修复它。
您的测试路径不正确。应该是../Test/Test