Webpack: multiple modules with names that only differ in casing.

  • After last upgrade, I am getting this warning from webpack that I cannot resolve. I tried to rename the boot file but to no avail. Thank-you for your feedback.

    webpack-internal:///./node_modules/webpack-dev-server/client/index.js? ./node_modules/Vue/dist/vue.runtime.esm.js
    There are multiple modules with names that only differ in casing.
    This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
    Use equal casing. Compare these module identifiers:

    • C:\Users\Jean-Marie\Desktop\CurrentDevQV1\node_modules\Vue\dist\vue.runtime.esm.js
      Used by 1 module(s), i. e.
    • C:\Users\Jean-Marie\Desktop\CurrentDevQV1\node_modules\vue\dist\vue.runtime.esm.js
      Used by 158 module(s), i. e.

  • SOLUTION: found on StackOverflow:

    This is usually a result of a minuscule typo.
    For instance, if you are importing your modules like import Vue from ‘vue’, import Vuex from ‘vuex’.
    Go through your files and check where you used from ‘Vue’ or from ‘Vuex’ - make sure to use the exact same capitals (uppercase letters) as in your import statements.
    The error descriptions should have been written more clearly, but what I explained has been the cause of my problem each time for this error on webpack commands.

Log in to reply