我的 React JS 教程遇到问题答案

【问题标题】：Having trouble with my React JS Tutorial我的 React JS 教程遇到问题
【发布时间】：2018-06-01 09:11:49
【问题描述】：

我正在关注 React JS 初学者教程 - 使用 React、Sass、Gulp 和 Node.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'

此错误发生在构建期间，无法消除。

我的 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']);

如果有人知道我应该如何解决这个问题，请帮助我，我将不胜感激，谢谢！

【问题讨论】：

标签： node.js reactjs webpack sass gulp

【解决方案1】：

文件夹“/Users/qiangbarejie/Desktop/react/reactTutorial/my-react-project/src/Assets/css/”中有文件“default.min.css”？

【讨论】：

是的，我在文件夹中有“default.min.css”文件。当我从终端运行 gulp 时，它会在“default.min.css”文件中呈现迷你 css 代码。
感谢您的评论。我仔细检查了路径，发现我犯了一个粗心的错字。我在我的 default.min.css 文件名中添加了一个额外的空格。现在它又开始工作了！！！谢谢。