最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

我的React JS教程有问题

运维笔记admin13浏览0评论

我的React JS教程有问题

我的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”?

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论