找不到模块

时间:2017-03-09 17:53:29

标签: postcss react-toolbox

我试图让react-toolbox运行。 得到错误'找不到模块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]
};

有什么想法吗?

1 个答案:

答案 0 :(得分:10)

你的package.json是什么样的?您是否已将precss添加为项目的依赖项?您始终必须确保导入/使用的所有内容实际存在于项目中。

您可以通过打开package.json文件并检查它是否在依赖项列表中来检查这一点。如果没有尝试运行:

npm install --save precss

这会将它安装在您的项目中,您应该能够再次运行该命令。