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']);
누군가가 내가이 문제를 해결하는 방법을 알고있는 경우 , 나는 크게 감사하겠습니다 날 좀 도와주세요, 감사합니다!
예, 폴더에 "default.min.css"파일이 있습니다. 터미널에서 꿀꺽 꿀꺽 마는 (gulp)을 실행하면 "default.min.css"파일에 미니 CSS 코드가 렌더링됩니다. –
의견을 보내 주셔서 감사합니다. 나는 경로를주의 깊게 두 번 점검했고 부주의 한 오자를 발견했다. 내 default.min.css 파일 이름에 여분의 공간을 넣었습니다. 이제 다시 작동합니다! 감사. –