vue.js - laravel-elixir 3 : le fichier compilé de .browserify() a signalé que le fichier dépendant est introuvable : non défini
淡淡烟草味
淡淡烟草味 2017-05-16 16:50:14
0
1
669
# 相关配置版本:
laravel 5.1 LTS
laravel-elixir 3
vue 1.0.26
vue-router 2.0.0
vue-resources 1.0.3

Utilisez laravel-elixir中自带的browserify编译vue, vue-router, vue-resource成功输出js文件后,使用时报错:Uncaught TypeError: Cannot read property 'use' of undefined

Une partie du fichier js compilé est la suivante :

var Vue = require("vue");
var VueRouter = require('vue-router');
var VueResource = require('vue-resource');

Vue.use(VueRouter);
Vue.use(VueResource);
gulpfile.js
// 局部
elixir(function(mix) {
    mix.browserify('index.js', 'public/dist/js/index.js');
    mix.browserify('new.js', 'public/dist/js/new.js');
});

Question :
Les deux fichiers compilés ci-dessus dépendent de require配置是一样的,index.js这个可以使用,而new.js这个则报错,通过console.log()分别查看各个依赖,new.js里的Vueundefined Je ne sais pas quelles sont les raisons possibles, ni comment savoir où se situe le problème ?

Comment utiliser vue这些依赖可以只需加载一次,不必一起打包在文件里,我配置了browser-shim, mais cela ne semble pas fonctionner. Je ne sais pas si je l'utilise mal ou quelque chose du genre :

package.json
"browserify": {
    "transform": [
      "vueify",
      "browserify-shim",
      "stringify"
    ]
  },
  "browserify-shim": {
    "bootstrap-sass": {
      "depends": [
        "jquery:jQuery"
      ]
    },
    "vue": "global:Vue"
  }
淡淡烟草味
淡淡烟草味

répondre à tous(1)
某草草

Enfin trouvé la cause du problème (expression : pleurer)
Vue dans index.js peut être utilisé normalement, tandis que new.js' s Vue est non défini Je suppose que cela ne peut pas exiger plusieurs fois, mais VueRouter, VueResource répète également require , mais il est disponible. Après y avoir réfléchi encore et encore, je me suis souvenu que c'était peut-être parce qu'il y avait une phrase dans package.json qui définissait Vue<.> en tant que variable globale, j'ai donc modifié la phrase, je l'ai supprimé, je l'ai compilé à nouveau et j'ai constaté qu'il avait réussi (quel effet secondaire d'une demi-connaissance ==). Le paramètre supprimé est le suivant : index.js里的Vue可正常使用,而new.jsVue则是undefined,猜测难道它不可以多次require,但是VueRouter, VueResource也重复require了,却是可用的,思索再三,想起可能是因为package.json里写了一句把Vue设置成全局变量,于是将该句去掉,再次编译,发现成功了(真是一知半解的副作用呀==)。去掉的那个设置如下:

"browserify-shim": {
    ...
    "vue": "global:Vue"
}

PS:感谢朋友 Vicent Ye rrreee

PS : Merci à mon ami Vicent Ye de m'avoir aidé à trouver le problème. 🎜
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal