kann nicht Modulfehler bei der Verwendung reagieren und redux

Question

Linie 3 unten finden, ich habe unerwartet nicht Modulfehler in meiner Konsole finden. Es ist so seltsam, meine Code- und Dateistruktur sieht gut aus.

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

Wie pro ES5 Syntax, die Sie nicht wie diese in Zeile 4 benötigen, können Sie wie folgt zu codieren haben:

Wenn Ihr app.js in Komponenten ist dann Es würde Ihr Problem lösen:

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;