2017-12-19 14 views
0

는 초보자를위한 JS 튜토리얼 반응 JS 튜토리얼 반응 - 추적 메시지내 나는 다음과 같은거야

./src/App.js 
    Module not found: Can't resolve './Assets/css/default.min.css' in '/Users/qiangbarejie/Desktop/react/reactTutorial/my-react-project/src' 
준수 반응, 말대꾸, 꿀꺽하고 Node.js를 내가 실패지고있어 사용하여 웹 사이트를 구축

이 오류는 빌드하는 동안 발생했기 때문에 해결할 수 없습니다.

내 App.js

import React, { Component } from 'react'; 
import './Assets/css/default.min.css'; 

class App extends Component { 
    render() { 
    return (
     <div className="App"> 
     <header> 
      Test header 
     </header> 
     </div> 
    ); 
    } 
} 
export default App; 

내 gulpfile.js

'use strict'; 

// dependencies 
var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var minifyCSS = require('gulp-clean-css'); 
var uglify = require('gulp-uglify'); 
var rename = require('gulp-rename'); 
var changed = require('gulp-changed'); 

/////////////// 
// - SCSS/CSS 
/////////////// 

var SCSS_SRC = './src/Assets/*.scss'; 
var SCSS_DEST = './src/Assets/css'; 

// Compile SCSS_SRC 
gulp.task('compile_scss', function(){ 
    gulp.src(SCSS_SRC) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(minifyCSS()) 
    .pipe(rename({ suffix: '.min '})) 
    .pipe(changed(SCSS_DEST)) 
    .pipe(gulp.dest(SCSS_DEST)); 
}); 

// detect changes in SCSS 
gulp.task('watch_scss', function(){ 
    gulp.watch(SCSS_SRC, ['compile_scss']); 
}); 

// Run tasks 
gulp.task('default', ['watch_scss']); 

누군가가 내가이 문제를 해결하는 방법을 알고있는 경우 , 나는 크게 감사하겠습니다 날 좀 도와주세요, 감사합니다!

답변

0

"/ Users/qiangbarejie/Desktop/react/reactTutorial/my-react-project/src/Assets/css /"폴더에 "default.min.css"파일이 있습니까?

+0

예, 폴더에 "default.min.css"파일이 있습니다. 터미널에서 꿀꺽 꿀꺽 마는 (gulp)을 실행하면 "default.min.css"파일에 미니 CSS 코드가 렌더링됩니다. –

+0

의견을 보내 주셔서 감사합니다. 나는 경로를주의 깊게 두 번 점검했고 부주의 한 오자를 발견했다. 내 default.min.css 파일 이름에 여분의 공간을 넣었습니다. 이제 다시 작동합니다! 감사. –