Javascript Vue导入无法分配给只读属性'；出口'；物体误差的测量

我目前正在将HTML模板迁移到Vue。 现在我开始导入存储在

src

中的main.js文件中的Javascript文件

我的文件如下所示：

import Vue from "vue";
import App from "./App.vue";
import router from "./router";

import pageLoader from "./assets/js/global/page-loader";
import tooltips from "./assets/js/global/tooltips";

Vue.use(pageLoader);
Vue.use(tooltips);

Vue.config.productionTip = false;

new Vue({
  router,
  render: (h) => h(App),
}).$mount("#app");

每个Javascript文件都位于

src/js

文件夹中

但运行应用程序后，我会收到以下错误：

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
    at Module.eval (webpack-internal:///./src/assets/js/utils/plugins.js:56)
    at eval (webpack-internal:///./src/assets/js/utils/plugins.js:57)
    at Module../src/assets/js/utils/plugins.js (app.js:1579)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (webpack-internal:///./src/assets/js/global/tooltips.js:1)
    at Object../src/assets/js/global/tooltips.js (app.js:1556)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (webpack-internal:///./src/main.js:15)

Uncaught TypeError:无法分配给对象“#”的只读属性“exports”
在Module.eval（网页包-internal:///./src/assets/js/utils/plugins.js:56)
评估时（网页）-internal:///./src/assets/js/utils/plugins.js:57)
位于Module../src/assets/js/utils/plugins.js（app.js:1579）
在需要的网页（app.js:849）
在fn（app.js:151）
评估时（网页）-internal:///./src/assets/js/global/tooltips.js:1)
位于Object../src/assets/js/global/tooltips.js（app.js:1556）
在需要的网页（app.js:849）
在fn（app.js:151）
评估时（网页）-internal:///./src/main.js:15)

整个项目都可以在github上的以下链接上看到：

---

是什么导致了这个错误？如果您能提供任何帮助来解决我的问题，我将不胜感激。

您的文件没有导出Vue试图使用的功能

您需要做的是导出您在文件中找到的函数

请参阅本VueJs中导出函数的指南：

---

这将帮助您了解如何从Vue将用于运行的这些文件中导出函数。

因此，到目前为止，我必须导出这些函数，这是一个很好的信息。但是如何在以下函数中使用命名导出：plugins.createTooltip在此文件中：将此插件数据封装到其自己的文件夹中可能不是您想要的方式。我建议将该逻辑拉入main.js文件，它就会工作。绕过进口的东西。您通常只导入函数，回调函数请提供问题本身的所有相关信息。指向外部代码存储库的链接不是合适的替代品问题在于调用插件文件时出错，该文件仅为tooltips.js文件所需。所以它实际上需要我提供一堵代码墙