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

Vue导入导致无法将对象错误的属性'exports'分配给只读属性

  •  2
  • d4ne  · 技术社区  · 4 年前

    我目前正在将HTML模板迁移到Vue。 现在我开始导入存储在main.js文件中的Javascript文件 src .

    我的文件如下:

    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)
    

    您可以通过以下链接在github上查看整个项目: Link to github

    是什么导致了这个错误?如果能帮我解决问题,我将不胜感激。

    1 回复  |  直到 4 年前
        1
  •  0
  •   Sweet Chilly Philly    4 年前

    你的文件没有导出Vue试图使用的函数。

    您需要做的是导出文件中的函数。

    请参阅此指南以导出VueJs中的函数: https://medium.com/js-dojo/a-beginners-guide-to-exports-in-es6-af27b5a621d0

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