小编Saj*_*rai的帖子

vue.runtime.esm-browser.js 不渲染 Vue 3 组件

我使用 Vue cli 创建了一个 vue 3 项目。我正在使用 webpack 配置来管理我的构建。当我将 vue 包指向 vue.runtime.esm-browser.js 时,我会在浏览器控制台中收到警告。“[Vue 警告]:组件提供了模板选项,但此 Vue 版本不支持运行时编译。请改用“vue.esm-browser.js”。”

当我检查文档时,有人提到“vue-loader”插件将 html 模板转换为呈现函数。看起来我缺少 webpack 所需的东西。

入口文件:main.js

import { createApp } from "vue";
import corecomponentA from "../core/components/corecomponentA.vue";

createApp({
  components: {
    "core-component-a": corecomponentA,
  },
}).mount("#app");
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

var path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const { VueLoaderPlugin } = require("vue-loader");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
  .BundleAnalyzerPlugin;
const WebpackBar = require("webpackbar");

module.exports = (env, options) => {
  const devMode = options.mode != …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs3

2
推荐指数
2
解决办法
5350
查看次数

标签 统计

vue.js ×1

vuejs3 ×1