我的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教程有问题的主要内容,如果未能解决你的问题,请参考以下文章