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

Question

下面的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; 

Answer 1

按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;