[BUG]: ERROR in main: Can't resolve `./src` #1843

bahtou · 2020-09-28T16:28:00Z

Describe the bug
I have the following project folder structure:

my-app/
├─ .webpack/
│  ├─ index.js
│  ├─ development.js
│  ├─ production.js
├─ node_modules/
├─ src/
│  ├─ index.tsx
├─ package.json

When I use .webpack/index.js to import a specific environment configuration I get the following error:

ERROR in main
Module not found: Error: Can't resolve './src' in '/Users/<path-to-project>/my-app'

To Reproduce

package.json

"@webpack-cli/serve": "^1.0.1-rc.0",
"webpack": "^5.0.0-rc.0",
"webpack-cli": "^4.0.0-rc.0",
"webpack-dev-server": "^3.11.0"

.webpack/index.js

module.exports = (env, arg) => {
  const { mode } = arg;
  const config = require(`./${mode}`);

  return config;
};

.webpack/development.js

module.exports = {
  entry:  path.resolve(__dirname, '../src/index.tsx'),
  output: {
    path: path.resolve(__dirname, '../build/'),
    filename: 'index.js'
  },
  devtool: 'source-map',
  devServer: {
    inline: true,
    port: 8080,
    contentBase: path.resolve(__dirname, '../src')
  },
  module: {
      rules: [
          { test: /\.tsx?$/, loader: 'awesome-typescript-loader' }
      ]
  },
  resolve: {
    modules: [
      '/Users/<path-to-project>/my-app/src',
      'node_modules'
    ],
    extensions: ['.wasm', '.mjs', '.js', '.jsx', '.ts', '.tsx', '.json'],
  }
};

> webpack serve --config .webpack/index.js --mode development

Expected behavior

Expected the src directory to be resolved. If instead .webpack/index.js has the configuration there is no error that shows up.

Please paste the results of webpack-cli info here, and mention other relevant information

System:
    OS: macOS 10.15.6
    CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
    Memory: 451.53 MB / 16.00 GB
  Binaries:
    Node: 14.5.0 - ~/.nvm/versions/node/v14.5.0/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.8 - ~/.nvm/versions/node/v14.5.0/bin/npm
  Browsers:
    Firefox: 81.0
    Safari: 14.0
  Packages:
    case-sensitive-paths-webpack-plugin: ^2.3.0 => 2.3.0
    clean-webpack-plugin: ^3.0.0 => 3.0.0
    extract-css-chunks-webpack-plugin: ^4.7.5 => 4.7.5
    html-webpack-plugin: ^4.5.0 => 4.5.0
    webpack: ^5.0.0-rc.0 => 5.0.0-rc.0
    webpack-cli: ^4.0.0-rc.0 => 4.0.0-rc.0
    webpack-dev-server: ^3.11.0 => 3.11.0
    webpack-merge: ^5.1.4 => 5.1.4

The text was updated successfully, but these errors were encountered:

snitin315 · 2020-09-28T16:42:26Z

can you once try if the following is working ? -

> webpack serve --config .webpack/index.js --mode development --entry src/index.tsx

snitin315 · 2020-09-28T16:45:05Z

Thanks for reporting I'm looking into it.

bahtou · 2020-09-28T16:51:19Z

> webpack serve --config .webpack/index.js --mode development --entry src/index.tsx

[webpack-cli]
Error: you provided an invalid entry point.

[webpack-cli] ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
 - configuration.entry should be an non-empty array.
   -> All modules are loaded upon startup. The last one is exported.

[webpack-cli] Promise rejection: TypeError: Cannot read property 'compilers' of undefined
[webpack-cli] TypeError: Cannot read property 'compilers' of undefined
    at Object.getDevServerOptions [as default] (/Users/<path-to-project>/my-app/node_modules/@webpack-cli/serve/lib/getDevServerOptions.js:15:32)
    at Object.startDevServer [as default] (/Users/<path-to-project>/my-app/node_modules/@webpack-cli/serve/lib/startDevServer.js:22:59)
    at /Users/<path-to-project>/my-app/node_modules/@webpack-cli/serve/lib/index.js:21:33

bahtou · 2020-09-28T17:11:10Z

Have a look at this to reproduce the issue: https://github.com/bahtou/webpack-server-issue/tree/master

snitin315 · 2020-09-29T10:37:13Z

I found the bug, CLI was adding .js extension for non-js files. Hence making the entry point as src/index.tsx.js which is incorrect. I'm sending a fix.

webpack-cli/packages/webpack-cli/lib/utils/GroupHelper.js

Lines 19 to 21 in 0f13ab5

    
           if (filename && !filename.includes('.js')) { 
        
               filename = filename + '.js'; 
        
           }

alexander-akait · 2020-09-29T10:40:24Z

@snitin315 Feel free to send a PR, I think we should remove whole logic, because it is invalid

anshumanv · 2020-09-29T10:41:17Z

EDIT: #1837 should fix this, @snitin315 can you check once I push?

I'll fix CI today

snitin315 · 2020-09-29T10:45:34Z

#1837 should fix this, @snitin315 can you check once I push?

Sure 👍🏻

gairTanm · 2020-10-02T21:19:54Z

I might be totally out of depth here, but something I found worth noting is that in the following, the defaultEntry paths all end with a .js with index at the start or just index.

webpack-cli/packages/webpack-cli/lib/webpack-cli.js

Lines 20 to 29 in 55d0bd8

    
           this.defaultEntry = 'index'; 
        
           this.possibleFileNames = [ 
        
               `./${this.defaultEntry}`, 
        
               `./${this.defaultEntry}.js`, 
        
               `${this.defaultEntry}.js`, 
        
               this.defaultEntry, 
        
               `./src/${this.defaultEntry}`, 
        
               `./src/${this.defaultEntry}.js`, 
        
               `src/${this.defaultEntry}.js`, 
        
           ];

Also, the following

webpack-cli/packages/webpack-cli/lib/webpack-cli.js

Lines 219 to 224 in 55d0bd8

    
           _handleDefaultEntry() { 
        
               if (!this.basicGroup) { 
        
                   const BasicGroup = require('./groups/BasicGroup'); 
        
                   this.basicGroup = new BasicGroup(); 
        
               } 
        
               const defaultEntry = this.basicGroup.resolveFilePath(null, 'index.js');

traces back to

webpack-cli/packages/webpack-cli/lib/utils/GroupHelper.js

Lines 19 to 21 in 55d0bd8

    
           if (filename && !filename.includes('.js')) { 
        
               filename = filename + '.js'; 
        
           }

as @snitin315 mentioned. This (IMO) means that the webpack-cli supports just index.js as an entry point. Finally, I would also like to work on this issue if possible. A fix would be to take in as the argument the entryPath for the webpack-cli constructor. I'm just starting out on Webpack, any pointers appreciated :)

alexander-akait · 2020-10-03T13:52:30Z

@gairTanm I think it is fixed #1856, can you try?

gairTanm · 2020-10-03T14:09:13Z

On it 👍

alexander-akait · 2020-10-03T14:12:19Z

Fixed, let's close, but if somebody faced with the issue again, feel free to open a new issue

bahtou · 2020-10-03T14:20:15Z

@evilebottnawi what will I need to do get this working (from above)? https://github.com/bahtou/webpack-server-issue/tree/master

I have updated the package
"webpack": "^5.0.0-rc.3",
"webpack-cli": "^4.0.0-rc.0",
"@webpack-cli/serve": "^1.0.1-rc.0",
"webpack-dev-server": "^3.11.0",

alexander-akait · 2020-10-03T14:27:32Z

@bahtou we will do new rc release in Monday, so you will need just update 😄

gairTanm · 2020-10-03T14:30:30Z

@bahtou I'm not a 100 percent sure, but the following might work before Monday :):
https://webpack.js.org/guides/installation/#bleeding-edge

bahtou · 2020-10-03T14:54:00Z

@gairTanm bleeding-edge is ` "webpack": "^5.0.0-rc.3", correct? From the above repo: https://github.com/bahtou/webpack-server-issue/tree/master, I'm still getting an error. Could be something else?

anshumanv · 2020-10-03T14:57:26Z

@gairTanm no

@bahtou it's webpack core, the issue was in CLI (this repo). Hence once CLI RC is released this should be fixed.

gairTanm · 2020-10-03T14:57:54Z

@bahtou I think you'll have to install the webpack-cli bleeding edge. The issue, if I understand it correctly, was with webpack-cli. Nevertheless, I think it will be better to wait for the rc release on Monday.

wtchnm · 2020-10-10T22:15:44Z

Hello!

The issue persists for me in the production build.

Steps to reproduce:

Clone https://github.com/wtchnm/Hotter/.
yarn install
yarn build

Package versions:

"webpack": "5.0.0",
"webpack-cli": "4.0.0"

anshumanv · 2020-10-11T07:07:34Z

Hey @wtchnm 👋

Thanks for the report, so I cloned your repo and it seems to be some issue with configs in .webpack folder, I moved the prod config to the project root and changed first line of index.tsx to

import App from "./components/App";

And it compiled fine, you can use this as a workaround for now, will look into the behaviour in depth.

wtchnm · 2020-10-11T10:34:38Z

Hello @anshumanv!

Thanks for investigating. I followed your directions and webpack compiled fine.
The real problem is the .webpack folder, if I rename it to .config the compilation is successful.

wtchnm · 2020-10-11T11:31:03Z

If I convert my webpack production config from a function to a plain object, webpack also compiles fine.

The bug appears to be on this line:

webpack-cli/packages/webpack-cli/lib/groups/ConfigGroup.js

Line 190 in d32aeda

if (configOptions && configPath.includes('.webpack')) {

The configuration resolved on

webpack-cli/packages/webpack-cli/lib/groups/ConfigGroup.js

Line 165 in d32aeda

newOptionsObject['options'] = await Promise.resolve(newOptions);

is overwrite.

anshumanv · 2020-10-11T13:17:05Z

Thanks for the insights, will fix it in near future.

wtchnm · 2020-10-11T13:26:54Z

@anshumanv, I can make a PR to check if newOptionsObject['options'] is already defined in line 190, would this be enough?

anshumanv · 2020-10-11T13:42:19Z

Sure, feel free to PR. I don't think that will be enough since we're just adding another property on the object before assigning it again. You can start with creating a test which will fail now and debug and fix it.

bahtou · 2020-10-11T15:47:19Z

Confirming the bug still persists on my current setup. Changing the filename .webpack to .config fixes it.

alexander-akait · 2020-10-11T15:50:06Z

@anshumanv can you open a new issue in webpack-cli repo and describe workaround and we will fix the issue in near future

bahtou · 2020-10-20T23:01:54Z

confirming that this is working for my configuration as expected

"webpack": "^5.1.3",
"webpack-cli": "^4.1.0",
~~"@webpack-cli/serve": "^1.0.1",~~
"webpack-dev-server": "^3.11.0"

thanks everyone!

Edit
no need for @webpack-cli/serve (+1 @evilebottnawi)

alexander-akait · 2020-10-21T10:48:58Z

@bahtou you don't need @webpack-cli/serve

bahtou changed the title ~~ERROR in main: Can't resolve ./src~~ [BUG]: ERROR in main: Can't resolve ./src Sep 28, 2020

alexander-akait closed this as completed Oct 3, 2020

danoc mentioned this issue Oct 13, 2020

Build fails if webpack config exports an array of functions #1935

Closed

anshumanv mentioned this issue Oct 13, 2020

Bug: Error while resolving entry from config in .webpack folder #1937

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[BUG]: ERROR in main: Can't resolve `./src` #1843

[BUG]: ERROR in main: Can't resolve `./src` #1843

bahtou commented Sep 28, 2020

snitin315 commented Sep 28, 2020 •

edited

snitin315 commented Sep 28, 2020

bahtou commented Sep 28, 2020

bahtou commented Sep 28, 2020

snitin315 commented Sep 29, 2020

alexander-akait commented Sep 29, 2020

anshumanv commented Sep 29, 2020 •

edited

snitin315 commented Sep 29, 2020

gairTanm commented Oct 2, 2020

alexander-akait commented Oct 3, 2020

gairTanm commented Oct 3, 2020

alexander-akait commented Oct 3, 2020

bahtou commented Oct 3, 2020

alexander-akait commented Oct 3, 2020

gairTanm commented Oct 3, 2020

bahtou commented Oct 3, 2020

anshumanv commented Oct 3, 2020

gairTanm commented Oct 3, 2020

wtchnm commented Oct 10, 2020 •

edited

anshumanv commented Oct 11, 2020

wtchnm commented Oct 11, 2020 •

edited

wtchnm commented Oct 11, 2020 •

edited

anshumanv commented Oct 11, 2020

wtchnm commented Oct 11, 2020

anshumanv commented Oct 11, 2020

bahtou commented Oct 11, 2020 •

edited

alexander-akait commented Oct 11, 2020

bahtou commented Oct 20, 2020 •

edited

alexander-akait commented Oct 21, 2020

[BUG]: ERROR in main: Can't resolve ./src #1843

[BUG]: ERROR in main: Can't resolve ./src #1843

Comments

bahtou commented Sep 28, 2020

snitin315 commented Sep 28, 2020 • edited

snitin315 commented Sep 28, 2020

bahtou commented Sep 28, 2020

bahtou commented Sep 28, 2020

snitin315 commented Sep 29, 2020

alexander-akait commented Sep 29, 2020

anshumanv commented Sep 29, 2020 • edited

snitin315 commented Sep 29, 2020

gairTanm commented Oct 2, 2020

alexander-akait commented Oct 3, 2020

gairTanm commented Oct 3, 2020

alexander-akait commented Oct 3, 2020

bahtou commented Oct 3, 2020

alexander-akait commented Oct 3, 2020

gairTanm commented Oct 3, 2020

bahtou commented Oct 3, 2020

anshumanv commented Oct 3, 2020

gairTanm commented Oct 3, 2020

wtchnm commented Oct 10, 2020 • edited

anshumanv commented Oct 11, 2020

wtchnm commented Oct 11, 2020 • edited

wtchnm commented Oct 11, 2020 • edited

anshumanv commented Oct 11, 2020

wtchnm commented Oct 11, 2020

anshumanv commented Oct 11, 2020

bahtou commented Oct 11, 2020 • edited

alexander-akait commented Oct 11, 2020

bahtou commented Oct 20, 2020 • edited

alexander-akait commented Oct 21, 2020

[BUG]: ERROR in main: Can't resolve `./src` #1843

[BUG]: ERROR in main: Can't resolve `./src` #1843

snitin315 commented Sep 28, 2020 •

edited

anshumanv commented Sep 29, 2020 •

edited

wtchnm commented Oct 10, 2020 •

edited

wtchnm commented Oct 11, 2020 •

edited

wtchnm commented Oct 11, 2020 •

edited

bahtou commented Oct 11, 2020 •

edited

bahtou commented Oct 20, 2020 •

edited