title: How to fix error "This relative module was not found: * ./src/main.js in multi (webpack)-dev-server" on npm run serve in vue3.x with typescript?
body: <p>i m using vue3.x and also vuex 4 with typescript , i did all things which are mentioned in <a href="https://github.com/ChrisShank/vue-next-webpack-preview" rel="nofollow noreferrer">https://github.com/ChrisShank/vue-next-webpack-preview</a> but when i try to run vue app with serve cmd i get this error :
  *ERROR  Failed to compile with 2 errors</p>
  <blockquote>
  <p>This relative module was not found:
  ./src/main.js in multi (webpack)-dev-server/client?http://192.168.100.38:8081&amp;sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js, multi (webpack)/hot/dev-server.js (webpack)-dev-server/client?http://192.168.100.38:8081&amp;sockPath=/sockjs-node ./src/main.js*</p>
  </blockquote>
  <p><strong>main.ts</strong></p>
  <pre><code>import { createApp } from &quot;vue&quot;;
  import App from &quot;./App.vue&quot;;
  import { store } from &quot;./store&quot;;
  
  createApp(App)
    .use(store)
    .mount(&quot;#app&quot;);
  </code></pre>
  <p><strong>store/index.ts</strong></p>
  <pre><code>import { createStore } from &quot;vuex&quot;;
  
  export type State = { counter: number };
  
  const state: State = { counter: 0 };
  
  export const store = createStore({
    state,
    mutations: {
      increment(state, payload) {
        state.counter++;
      }
    },
    actions: {
      increment({ commit }) {
        commit(&quot;increment&quot;);
      }
    },
  
    getters: {
      counter(state) {
        return state.counter;
      }
    },
    modules: {}
  });
  </code></pre>
  <p><strong>package.json</strong></p>
  <pre><code>{
    &quot;name&quot;: &quot;vue3&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;serve&quot;: &quot;vue-cli-service serve&quot;,
      &quot;build&quot;: &quot;vue-cli-service build&quot;,
      &quot;lint&quot;: &quot;vue-cli-service lint&quot;
    },
    &quot;dependencies&quot;: {
      &quot;bootstrap&quot;: &quot;^4.5.3&quot;,
      &quot;core-js&quot;: &quot;^3.6.5&quot;,
      &quot;jquery&quot;: &quot;^3.5.1&quot;,
      &quot;popper.js&quot;: &quot;^1.16.1&quot;,
      &quot;vue&quot;: &quot;^3.0.0&quot;,
      &quot;vuex&quot;: &quot;^4.0.0-rc.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@vue/cli-plugin-babel&quot;: &quot;~4.5.0&quot;,
      &quot;@vue/cli-plugin-eslint&quot;: &quot;~4.5.0&quot;,
      &quot;@vue/cli-service&quot;: &quot;~4.5.0&quot;,
      &quot;@vue/compiler-sfc&quot;: &quot;^3.0.0&quot;,
      &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
      &quot;eslint&quot;: &quot;^6.7.2&quot;,
      &quot;eslint-plugin-vue&quot;: &quot;^7.0.0-0&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;root&quot;: true,
      &quot;env&quot;: {
        &quot;node&quot;: true
      },
      &quot;extends&quot;: [
        &quot;plugin:vue/vue3-essential&quot;,
        &quot;eslint:recommended&quot;
      ],
      &quot;parserOptions&quot;: {
        &quot;parser&quot;: &quot;babel-eslint&quot;
      },
      &quot;rules&quot;: {}
    },
    &quot;browserslist&quot;: [
      &quot;&gt; 1%&quot;,
      &quot;last 2 versions&quot;,
      &quot;not dead&quot;
    ]
  }
  
  </code></pre>
  <p><strong>tsconfig.json</strong></p>
  <pre><code>{
      &quot;compilerOptions&quot;: {
          &quot;target&quot;: &quot;esnext&quot;,
          &quot;module&quot;: &quot;esnext&quot;,
          &quot;strict&quot;: true,
          &quot;jsx&quot;: &quot;preserve&quot;,
          &quot;importHelpers&quot;: true,
          &quot;moduleResolution&quot;: &quot;node&quot;,
          &quot;esModuleInterop&quot;: true,
          &quot;allowSyntheticDefaultImports&quot;: true,
          &quot;sourceMap&quot;: true,
          &quot;baseUrl&quot;: &quot;.&quot;,
          &quot;paths&quot;: {
              &quot;@/*&quot;: [
                  &quot;src/*&quot;
              ]
          },
          &quot;lib&quot;: [
              &quot;esnext&quot;,
              &quot;dom&quot;,
              &quot;dom.iterable&quot;,
              &quot;scripthost&quot;
          ]
      },
      &quot;include&quot;: [
          &quot;src/**/*.ts&quot;,
          &quot;src/**/*.tsx&quot;,
          &quot;src/**/*.vue&quot;,
      ],
      &quot;exclude&quot;: [
          &quot;node_modules&quot;
      ]
  } 
  </code></pre>
  <p><strong>plus,i have shims files too though im getting error, help me to resolve it please?</strong></p>