Webpack can't resolve vue in node_modules/vue-template-compiler

Question

I have a simple Typescript project with this code:

import {
  parseComponent,
  compile as compileTemplate,
  ASTElement,
} from "vue-template-compiler";
...

I compile it using tsc with:

    "target": "es2020",
    "module": "commonjs",

And it gives code like this:

const vue_template_compiler_1 = require("vue-template-compiler");

In my package.json I have this:

  "dependencies": {
    "vue-template-compiler": "^2.6.12"

But I don't have "vue", because I don't need all of Vue - just the template compiler.

This all works fine, but I'm trying to use Webpack to bundle everyone into a single file. However, when I run webpack I get this error:

ERROR in ./node_modules/vue-template-compiler/index.js 2:19-41
Module not found: Error: Can't resolve 'vue' in '/path/to/myproject/node_modules/vue-template-compiler'
 @ ./build/analysis.js 8:32-64
 @ ./build/index.js 8:19-40

This corresponds to the require("vue-template-checker") line. Why do I get this error?

Here's my webpack.config.js:

const path = require("path");
const webpack = require("webpack");

module.exports = {
  target: "node",
  entry: "./build/index.js",
  mode: "production",
  output: {
    filename: "index.js",
    path: path.resolve(__dirname, "dist"),
  },
  plugins: [
    new webpack.BannerPlugin({ banner: "#!/usr/bin/env node", raw: true }),
  ],
};

tony19 · Accepted Answer · 2022-07-16 00:56:21Z

1

That module makes Vue version check during import. I guess, you want to skip that check. I would try aliasing. Something like:

module.exports = {
  // ...
  resolve: {
    alias: {
      'vue-template-compiler$': 'vue-template-compiler/build.js'
    }
  }
}

edited Jul 16, 2022 at 0:56

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jan 30, 2021 at 20:52

bigless

3,14124 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Timmmm Over a year ago

That worked, thanks! Where does it do the version check?

bigless Over a year ago

@Timmmm In package.json entryfile - index.js

Collectives™ on Stack Overflow

Webpack can't resolve vue in node_modules/vue-template-compiler

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related