小编Kec*_*oey的帖子

如何确保 vuex 商店包含在我的构建中？

我有一个使用 vue cli 3 的 Vue 应用程序。我正在按照此处的指南尝试构建我的应用程序vue-cli-service build --target wc --name my-element [entry]

为了测试输出，我有一个 index.html 文件：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>

  <body>
    <my-project></my-project>
    <script src="https://unpkg.com/vue"></script>
    <script src="my-project.min.js"></script>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

但是在浏览器中打开 index.html 时出现以下错误：

它指向 my-project.min.js 的这一部分：

我的 main.js：

import "@babel/polyfill";
import Vue from "vue";
import MyProject from "./MyProject.vue";
import router from "./router";
import store from "./store/index";

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: …

Run Code Online (Sandbox Code Playgroud)

javascript web-component vue.js vuex vue-cli-3

Kec*_*oey

2018 11-10

5
推荐指数

1
解决办法

1297
查看次数