8

我试图让 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]
};

有什么想法吗？

4

1 回答 1

17

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

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

npm install --save precss

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

于 2017-03-13T06:14:29.670 回答