javascript - webpack menyusun kandungan dalam backtick tetapi melaporkan ralat, tetapi saya menulis rentetan secara langsung dan tiada ralat dilaporkan

Question

const path = './../views/'
export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: resolve => require([`${path}index`], resolve)
    }
  ]  

Kaedah penulisan di atas akan melaporkan ralat

Error: Cannot find module './../views/index'.
    at webpackContextResolve (eval at 126 (10.js:6), <anonymous>:10:9)
    at webpackContext (eval at 126 (10.js:6), <anonymous>:5:29)
    at eval (eval at <anonymous> (app.js:962), <anonymous>:16:132)

Tetapi saya menukarnya kepada component: resolve => require(['./../views/index'], resolve) dan tiada ralat dilaporkan, tetapi sebenarnya ia adalah sama. Bolehkah sesiapa menjelaskan mengapa?

Answer 1

Pembolehubah berada di tanda belakang...pembolehubah adalah statik dalam petikan tunggal. Ini adalah perbezaan penulisan dinamik tidak disokong di sini

.

Answer 2

Berkaitan dengan nodejs. Oleh kerana terdapat dua bentuk laluan untuk import fail nodejs, satu adalah untuk menunjuk ke fail js, dan satu lagi adalah untuk menunjuk ke folder Apabila ia adalah folder, fail index.js dalam folder akan dirujuk secara lalai. Laluan anda di sini ialah folder Memandangkan anda tidak mempunyai fail index.js di dalamnya, ralat akan dilaporkan. Sudah tentu anda juga boleh menyesuaikan fail. Anda boleh mencipta fail package.json baharu dalam folder ini dan menulis objek di dalamnya { utama: "Tulis nama fail yang anda ingin eksport secara lalai" };

Answer 3

Adakah soalan telah diselesaikan