代码之家 › 专栏 › 技术社区 › Timmmm

Webpack无法在node_modules/vue模板编译器中解析vue

webpack vue.js

Timmmm · 技术社区 · 5 年前

我有一个简单的Typescript项目,其中包含以下代码:

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

我使用 tsc 与:

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

它给出了这样的代码:

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

在我的 package.json 我有这个:

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

但我不要有 "vue" ,因为我不需要所有的Vue——只需要模板编译器。

这一切都很好,但我试图使用Webpack将每个人捆绑到一个文件中。然而,当我运行webpack时,我收到了以下错误:

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

这对应于 require("vue-template-checker") 线。为什么我会得到这个错误?

这是我的 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 }),
  ],
};

0 回复 | 直到 5 年前

tony19 thanksd 4 年前

该模块在导入过程中进行Vue版本检查。我猜,你想跳过那张支票。我会试试 aliasing 。类似于:

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

推荐文章

Brandon Mulas · 如何在electronic+webpack中从Main进程获取javascript对象到Renderer进程

2 年前

Cody Pritchard · Angular-Esbuild区块大小与服务时的构建输出不匹配

2 年前

Alexander A · 为wordpress插件扩展webpack配置创建块交互模板不起作用

2 年前

Mor Bargig · 从production构建中清除开发代码

2 年前

Deepali Jadhav · 如何使用Webpack将resolveExtensions配置应用于公开的组件

2 年前

mightycode Newton · 如何解决错误:webpack.config.js,未检测到“”的Babel配置文件

2 年前

Zain763 · NextJS webpack:已使用与API架构不匹配的生成器对象初始化资产模块插件

3 年前

Manoj Prabakaran M · Element Plus中的El Dialog在JavaScript代码中不起作用

3 年前

Ashwani kumar · 如何解决在webpack.dev.js文件中找不到入口模块和webpack中的错误?

3 年前

Bennyh961 · 使用react图标增加捆绑包大小

3 年前