Javascript 在使用react和redux时找不到模块错误

下面第3行，我在控制台中遇到意外的找不到模块错误。很奇怪，我的代码和文件结构看起来很好

import React from 'react';
import UserList from '../containers/user-list';
import UserDetail from '../containers/user-detail';
require('../../scss/style.scss');

const App = () => (
    <div>
        <h2>Username List:</h2>
        <UserList></UserList>
        <hr />
        <h2>User details</h2>
        <UserDetail />
    </div>
);

export default App;

从“React”导入React；
从“../containers/user list”导入用户列表；
从“../containers/user detail”导入UserDetail；
需要（'../scss/style.scss'）；
常量应用=（）=>(
用户名列表：

用户详细信息
);
导出默认应用程序；

---

根据es5语法，第4行中不能要求这样的代码，您必须这样编码：

如果您的app.js位于组件中，那么它将解决您的问题：

import React from 'react';
import UserList from '../containers/user-list';
import UserDetail from '../../containers/user-detail';
var style = require('../../../scss/style.scss');

const App = () => (
    <div>
        <h2>Username List:</h2>
        <UserList></UserList>
        <hr />
        <h2>User details</h2>
        <UserDetail />
    </div>
);

export default App;

从“React”导入React；
从“../containers/user list”导入用户列表；
从“../../containers/user detail”导入UserDetail；
var style=require（'../../../scss/style.scss'）；
常量应用=（）=>(
用户名列表：

用户详细信息
);
导出默认应用程序；

yes在第4行中，这样做：var style=require（'../../scss/style.scss'）@科德辛格，嗯？能写完整的代码并解释吗？我试过了。它不起作用。它对你起作用了吗？app.js在你的目录中吗？是的，app.js在你的目录中的位置到底发生了什么？这不是真的，你可以要求一个文件而不向其应用变量。如果你想在不期望任何回报的情况下在文件中运行代码，则要求不使用变量是很有用的。现在在本例中，因为它是一个css文件，所以您需要返回样式，以便为它指定一个变量。此外，他对第3行而不是第4行有问题，但如果您需要使用，您必须为变量指定require，我认为您输入了错误的目录来搜索模块