2017-03-09 28 views
1

私は反応ツールボックスを稼働させようとしていました。 「モジュールprecssを見つけることができません」というエラーが表示されますが、サイトから取得したコードと同じコードが表示されます。私は何かを逃していますか?モジュールprecssが見つかりません

postcss.config.js

module.exports = { 
    plugins: [ 
     require('precss'), 
     require('autoprefixer') 
    ] 
} 

webpack.config.js

var HTMLWebpackPlugin = require('html-webpack-plugin'); 
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({ 
    template: __dirname + '/app/index.html',  
    filename: 'index.html', 
    inject: 'body' 
}); 

module.exports = { 

    entry: __dirname + '/app/index.js', 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader' 
      }, 
      { 
       test: /\.css$/, 
       loaders: [ 
        'style-loader', 
        'css-loader?importLoaders=1', 
        'postcss-loader' 
       ] 
      } 

     ] 
    }, 
    output: { 
     filename: 'transformed.js', 
     path: __dirname+'/build' 
    }, 
    plugins: [HTMLWebpackPluginConfig] 
}; 

任意の考え?

答えて

6

あなたのpackage.jsonはどのように見えますか?プロジェクトに依存関係としてprecssを追加しましたか?インポート/使用するすべてのものが実際にプロジェクトに存在することを必ず確認する必要があります。

これは、package.jsonファイルを開いて、それが依存関係のリストにあるかどうかを確認することで確認できます。実行しようとしていない場合:

npm install --save precss 

これがプロジェクトにインストールされ、再度コマンドを実行できるはずです。

+0

これは、ありがとう:D –

関連する問題