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']);
誰かが、私はこの問題を解決する方法を知っている場合、私は、感謝を大幅に感謝し、私を助けてください!
はい、フォルダに "default.min.css"というファイルがあります。ターミナルからgulpを実行すると、mini.cssコードが "default.min.css"ファイルにレンダリングされます。 –
ご意見ありがとうございます。私はパスを慎重にチェックして、私が不注意なタイプミスをしたことを知った。私はdefault.min.cssファイル名に余分なスペースを入れました。今それは再び働いている!ありがとう。 –