鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 這種寫法import("view/flex/flexDice&quot

這種寫法import("view/flex/flexDice") 報(bào)錯(cuò) Unexpected token

以下代碼報(bào)這個(gè)錯(cuò)誤，求教
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (9:11)

// ...


const flex = () => import("view/flex/flexDice"); // 第九行 Unexpected token 
const animate = () => import("view/animate/animation");
const css3d = () => import("view/3d/css3d");
const d3 = () => import("view/d3/d3");
const vue2 = () => import("view/vue2/vue2");
const pwa = () => import("view/pwa/pwa");
const search = () => import("view/search/search");


let routes = [
                {path:'/flex',component:flex},
                {path:'/d3js',component:d3},
                {path:'/anmiation',component:animate},
                {path:'/3D',component:css3d},
                {path:'/vue2',component:vue2},
                {path:'/pwa',component:pwa},
                {path:'/search',component:search},
                // { path: '404', component:loadCmp('404/404') },
                // { path: '*', redirect: { path:'/404' } }
            ];

export default routes;
回答
編輯回答
背叛者

https://doc.webpack-china.org...
webpack支持特定的寫法，加載模塊你那樣寫還不支持。

2017年6月25日 00:30
編輯回答
負(fù)我心

const flex = r => require.ensure([], () => r(require(
'view/flex/flexDice')), 'flex');
我這樣寫沒問題

const Search = r =>require.ensure([], () => r(require(
'../../pages/search.page')), 'search');
let router = [
 //搜索
 {
      path: '/classify/search',
      name: 'search',
      component : Search
 }
 ];
 export default router;
2017年11月1日 23:15
編輯回答
逗婦乳

不知道 你的webpack 是什么版本，
新版這樣的寫法是可以支持的，我估計(jì)是你目錄問題，用絕對(duì)目錄試試

let Home = () => import('@/pages/Home');

2018年4月5日 18:41
編輯回答
北城荒

你當(dāng)前的 webpack 版本還不支持異步 import，用 require.ensure 代替。還有，如果用 webpack 打包的話，沒有必要這樣，文件直接都引入就好了，邏輯判斷然后對(duì)應(yīng)模塊執(zhí)行。你這樣其實(shí)是多此一舉。

2018年2月23日 17:29