ERROR: Missing main()

[coolemur]

Hi.

I'm getting an error:

app.js:44688 THREE.WebGLProgram: shader error:  0 35715 false gl.getProgramInfoLog invalid shaders� THREE.WebGLShader: gl.getShaderInfoLog() vertex
ERROR: Missing main()

Webpack rules:

        webpack({
          mode: "development",
          output: {
            filename: "app.js"
          },
          devtool: "source-map",
          module: {
            rules: [
              {
                test: /\.m?js$/,
                exclude: /(node_modules|bower_components)/,
                use: {
                  loader: "babel-loader",
                  options: {
                    presets: ["@babel/preset-env"]
                  }
                }
              },
              {
                test: /\.(glsl|vs|fs|vert|frag)$/,
                exclude: /node_modules/,
                use: [
                  'raw-loader',
                  'glslify-loader'
                ]
              }
            ]
          }
        })

Shader files (.frag & .vert) are valid, because when I use them inline they work as expected. And they definitely have main functions.

Any ideas what am I doing wrong ?

[coolemur]

Update:

glslify(require('./particle.vert'))

Returns empty string.

require('./particle.vert') returns Module (as expected).

[pqml]

Can you give me a complete code example ?
In webpack I don't think you have to use the glsify() function, the main goal of the loader is to do this step for you

[ramene]

This issue crops up due to their merging in support for ES modules; downgrade raw-loader to release ≤ 1.0.0

Original PR