Moving from 8.0.2 to 8.1.2 causes many "Cannot resolve module" errors with Webpack.

[dschissler]

I'm using:

• webpack 1.13.1
• postcss 5.0.21
• postcss-cssnext 2.5.2

When I bump from postcss-import 8.0.2 to 8.1.2 then I get the following errors:

ERROR in ./~/request/lib/har.js
Module not found: Error: Cannot resolve module 'fs' in /project_path/node_modules/request/lib
 @ ./~/request/lib/har.js 3:9-22

ERROR in ./~/forever-agent/index.js
Module not found: Error: Cannot resolve module 'net' in /project_path/node_modules/forever-agent
 @ ./~/forever-agent/index.js 6:10-24

ERROR in ./~/forever-agent/index.js
Module not found: Error: Cannot resolve module 'tls' in /project_path/node_modules/forever-agent
 @ ./~/forever-agent/index.js 7:10-24

ERROR in ./~/tough-cookie/lib/cookie.js
Module not found: Error: Cannot resolve module 'net' in /project_path/node_modules/tough-cookie/lib
 @ ./~/tough-cookie/lib/cookie.js 32:10-24

ERROR in ./~/form-data/lib/form_data.js
Module not found: Error: Cannot resolve module 'fs' in /project_path/node_modules/form-data/lib
 @ ./~/form-data/lib/form_data.js 7:9-22

ERROR in ./~/tunnel-agent/index.js
Module not found: Error: Cannot resolve module 'net' in /project_path/node_modules/tunnel-agent
 @ ./~/tunnel-agent/index.js 3:10-24

ERROR in ./~/tunnel-agent/index.js
Module not found: Error: Cannot resolve module 'tls' in /project_path/node_modules/tunnel-agent
 @ ./~/tunnel-agent/index.js 4:10-24

I tried adding the following to my webpack config but it doesn't work:

  node: {
    net: 'empty',
    tls: 'empty',
    fs: 'empty'
  },

[glennreyes]

Same here

[Garbee]

Can you please provide some sample code that produces this problem?

[dschissler]

I don't think that I will be able to do that soon. All of my environments are quite complex.

[s-panferov]

Can't use this version with webpack:

ERROR in (webpack)/hot/only-dev-server.js
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/Users/panferov/Workspace/revjet/csp-react/demo/fs'
    Error: ENOENT: no such file or directory, open '/Users/panferov/Workspace/revjet/csp-react/demo/fs'
        at Error (native)
    Error loading /Users/panferov/Workspace/revjet/csp-react/demo/fs as "fs" from /Users/panferov/Workspace/revjet/csp-webpack/src/babel-loader.js
 @ multi index

ERROR in (webpack)-dev-server/client?http://localhost:8080
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/Users/panferov/Workspace/revjet/csp-react/demo/fs'
    Error: ENOENT: no such file or directory, open '/Users/panferov/Workspace/revjet/csp-react/demo/fs'
        at Error (native)
    Error loading /Users/panferov/Workspace/revjet/csp-react/demo/fs as "fs" from /Users/panferov/Workspace/revjet/csp-webpack/src/babel-loader.js
 @ multi index

ERROR in ./src/entry.js
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/Users/panferov/Workspace/revjet/csp-react/demo/path'
    Error: ENOENT: no such file or directory, open '/Users/panferov/Workspace/revjet/csp-react/demo/path'
        at Error (native)
    Error loading /Users/panferov/Workspace/revjet/csp-react/demo/path as "path" from /Users/panferov/Workspace/revjet/csp-webpack/node_modules/react-hot-loader/index.js
 @ multi index

All require calls in js files are broken.

[longlho]

I'm seeing this issue also, this is a snippet of my webpack config:

const plugins = [
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: '"production"'
        }
    }),
    new webpack.ProvidePlugin({
        React: 'react'
    })
]

if (process.env.NODE_ENV === 'production') {
    plugins.push(
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false
            },
            output: {
                comments: false
            }
        })
    );
}


module.exports = [
    {
        entry: entries,
        output: {
            path: join(__dirname, 'demo/dist'),
            publicPath: '/dist/',
            filename: '[name].out.js'
        },
        devtool: 'source-map',
        resolve: {
            extensions: ['', '.js', '.json', '.css'],
            alias: {
                'react': __dirname + '/node_modules/react'
            }
        },
        module: {
            loaders: [
                {
                    test: /\.css$/,
                    loader: 'style!css?modules&importLoaders=1!postcss'
                },
                {
                    test: /\.json$/,
                    loader: 'json'
                },
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    loader: 'babel?cacheDirectory'
                }
            ]
        },
        postcss (wp) {
            return [
                require('postcss-import')({
                    addDependencyTo: wp
                }),
                require('postcss-cssnext')({
                    browsers: [
                        '> 1%',
                        'last 2 versions',
                        'Firefox ESR',
                        'iOS 8',
                        'ie >= 10'
                    ]
                }),
                require('postcss-reporter')()
            ];
        },
        plugins
    }
];

• webpack@2.1.0-beta.20
• postcss-loader@0.9.1
• postcss-import@8.1.2

ping @Garbee

[longlho]

some more details: postcss-import@8.1.0 works, but not 8.1.1 or 8.1.2

[Garbee]

Sorry, don't have the time to look into this myself anymore. We are using Sass now for import/mixins/etc. Then using PostCSS to supplement that with the pieces that will go to browsers like color and custom properties.

[MoOx]

Guys, use v7, see #210

[glennreyes]

I agree with postcss-import@8.1.0 working on my machine as well.

I'm getting following error if I try to run karma with 8.1.1:

ERROR in ./internals/testing/testbundler.js
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/Users/glennreyes/Projects/iwannahelp/babel-core'
    Error: ENOENT: no such file or directory, open '/Users/glennreyes/Projects/iwannahelp/babel-core'
        at Error (native)
    Error loading /Users/glennreyes/Projects/iwannahelp/babel-core as "babel-core" from /Users/glennreyes/Projects/iwannahelp/node_modules/babel-loader/index.js

cc @longlho

[langri-sha]

Have configuration comparable to @longlho. I'm a new user, so if my feedback is of any help, issue only became apparent after adding a url() in the stylesheet.

[KidkArolis]

Might be related to webpack/webpack#2901? I have a repo that reproduces the bug here: https://github.com/KidkArolis/webpack-2-failing-build. If this is unrelated - let me know and I'll post this as a separate issue.

[MoOx]

It seems nobody reads other issues #210.