Cách khai báo const bien = () => import('path') trong javascript ý nghĩa thế nào?

Hoang_Trang · September 24, 2018, 10:23am

Chào mọi người,
Mình tính tự gắn cái https://github.com/coreui/coreui-free-vue-admin-template vào laravel 5.7 (hoặc 5.6)
Nhưng khi chạy lệnh npm run dev, nó chạy tới

E:/xampp/htdocs/laravel56/resources/assets/js/admin/router/index.js

Thì báo lỗi ở dòng code:

const DefaultContainer = () => import('@/containers/DefaultContainer')

Bạn nảo rành jaravscript cho hỏi lỗi bên dưới là gì và cách giải quyết với ạ

ERROR in ./resources/assets/js/admin/router/index.js
Module build failed: SyntaxError: E:/xampp/htdocs/laravel56/resources/assets/js/admin/router/index.js: Unexpected token (5:31)

Hoang_Trang · September 25, 2018, 1:46am

Up lên nhờ mọi người support

drgnz · September 25, 2018, 5:19am

Cái đó ở JS là dynamic import.
VueJS là async component.

Bạn thử config babel hoặc webpack mà laravel xài để có thể build được cú pháp này. Mình thì ko biết laravel nên tìm ra mỗi link này:

Hoang_Trang · September 25, 2018, 6:32am

Cảm ơn bạn, mình đã chạy được sau khi cài dynamic import tại https://github.com/airbnb/babel-plugin-dynamic-import-node