2017-12-19 36 views
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']); 

誰かが、私はこの問題を解決する方法を知っている場合、私は、感謝を大幅に感謝し、私を助けてください!

答えて

0

"/ Users/qiangbarejie/Desktop/react/reactTutorial/my-react-project/src/Assets/css /"というフォルダに "default.min.css"というファイルがありますか?

+0

はい、フォルダに "default.min.css"というファイルがあります。ターミナルからgulpを実行すると、mini.cssコードが "default.min.css"ファイルにレンダリングされます。 –

+0

ご意見ありがとうございます。私はパスを慎重にチェックして、私が不注意なタイプミスをしたことを知った。私はdefault.min.cssファイル名に余分なスペースを入れました。今それは再び働いている!ありがとう。 –