مشکل در پیاده‌سازی lazyload

سلام. من میخوام توی vue-router از lazyload استفاذه کنم. کد های زیادی توی اینترنت دیدم و استفاده کردم و روی لوکال کار کرده، اما وقتی از سایت build میگیرم و میزارم روی سرور خطای زیر رو میده :

[Vue warn]: Error in beforeCreate hook: "TypeError: webpack_require(...) is not a function"

من به صورت های زیر کامپوننت رو توی vue-router تعریف میکنم :

const Home = r => require.ensure([], () => r(require('./components/Home')));
const Foo = () => import('./Foo.vue')
const Foo = () => Promise.resolve( import('./Foo.vue'))

, ...

سرورم cnetos7 هست
@hesammousavi
@ali.bayat
@juza66
@Alimotreb
@milad
@khanzadimahdi
@mehdisut
@usEr
@endworld
@tefo.ha27

پاسخ‌ها

حسام موسوی

@hesammousavi6 سال پیش مطرح شد

تخصص: طراح و برنامه نویس

مطمئن هستید webpack لود میشه ؟

ارسال پاسخ

TEFO

@tefo.ha276 سال پیش مطرح شد

تخصص: لاراول

چون که eslint نمیتونه import بشناسه باید این دستور رو توی package.json اضافه کنین

"eslintConfig": {
    "root": true,
    "parserOptions": {"parser": "babel-eslint"},
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ]
  },

ارسال پاسخ

شاید پاسخ شما همین‌جا باشد