我的React JS教程有问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我的React JS教程有问题相关的知识,希望对你有一定的参考价值。

我正在关注React JS Tutorial for Beginners - 使用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']);

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

答案

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

以上是关于我的React JS教程有问题的主要内容,如果未能解决你的问题,请参考以下文章

REACT.js 错误:“无法读取 null 的属性‘方法’

如何修复React.js中的箭头功能来处理道具

React.js:教程中的示例不起作用

React.js 新手教程

webpack教程——分离组件代码

无法在其他类组件中加载 React 类组件