Module not found: Error: Empty dependency (no request)

1889 ワード

PS F:\vue\vue20200414\param14> npm run dev

> [email protected] dev F:\vue\vue20200414\param14
> webpack --config ./webpack.dev.config.js


Webpack is watching the files…

Hash: 746697a4744ddb05dc79
Version: webpack 3.12.0
Time: 371ms
     Asset       Size  Chunks             Chunk Names
      0.js  133 bytes       0  [emitted]
      1.js  132 bytes       1  [emitted]
   util.js  146 bytes       2  [emitted]  util
   main.js  903 bytes       3  [emitted]  main
 common.js     233 kB       4  [emitted]  common
index.html  390 bytes          [emitted]
   [0] (webpack)/buildin/global.js 509 bytes {4} [built]
   [3] ./src/main.js 428 bytes {3} [built]
   [6] multi vue 28 bytes {2} [built]
   [7] ./src/A.js 52 bytes {1} [built]
   [8] ./src/B.js 53 bytes {0} [built]
    + 4 hidden modules

ERROR in ./src/main.js
Module not found: Error: Empty dependency (no request)
 @ ./src/main.js 6:4-9:6
Child html-webpack-plugin for "index.html":
     1 asset
       [0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html 450 bytes {0} [built]
       [2] (webpack)/buildin/global.js 509 bytes {0} [built]
       [3] (webpack)/buildin/module.js 517 bytes {0} [built]
        + 1 hidden module

原因とその解決方法:
解決策は以下の通りです:[]のセミコロンを削除し、require.ensure([''']...,./A.jsは依存していないので書く必要はありません
ヒントmain.jsにエラーがあり、moduleに空の依存は見つかりませんでした
 
main.jsコードは以下の通りです.

import Vue from 'vue';


document.getElementById('abtn').onclick = function () {
    require.ensure([''],function () {
        var A = require('./A')
        console.log(A.data);
    })
    //      A.js
	
}

document.getElementById('bbtn').onclick = function () {
    require.ensure([],function () {
        var B = require('./B')
        console.log(B.data);
    })
    //      A.js
	
}