javascript - webpack compile le contenu dans le backtick mais signale une erreur, mais j'écris la chaîne directement et aucune erreur n'est signalée

Question

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

La méthode d'écriture ci-dessus signalera une erreur

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)

Mais je l'ai changé en component: resolve => require(['./../views/index'], resolve) et aucune erreur n'a été signalée, mais en fait c'est la même chose. Quelqu'un peut-il expliquer pourquoi ?

Answer 1

Les variables sont entre guillemets simples... elles sont statiques entre guillemets simples. C'est la différence que l'écriture dynamique n'est pas prise en charge ici

.

Answer 2

En rapport avec nodejs. Comme il existe deux formes de chemin pour l'importation de fichiers nodejs, l'une doit pointer vers un fichier js et l'autre doit pointer vers un dossier. Lorsqu'il s'agit d'un dossier, le fichier index.js du dossier sera référencé par défaut. Votre chemin ici est un dossier Puisque vous n’avez pas de fichier index.js, une erreur sera signalée. Bien entendu, vous pouvez également personnaliser le fichier. Vous pouvez créer un nouveau fichier package.json dans ce dossier et y écrire un objet { main : "Écrivez le nom du fichier que vous devez exporter par défaut"

 ;

Answer 3

La question a-t-elle été résolue