2017-07-26 1 views
0

Je compile mon projet depuis plusieurs mois maintenant et cela n'a jamais été un problème. Je codais pour la plupart d'aujourd'hui avec npm run watch sur. Puis tout à coup, il a cessé de compiler CSS, la montre était toujours en cours d'exécution mais CSS ne se mettait pas à jour.Noeud/Webpack sur Laravel va Bonkers

A engage à Bitbucket révèle ce qui suit:

public/mix-manifest.json

{ 
- "/js/app.js": "/js/app.js", 
- "/css/app.css": "/css/app.css" 
+ "/js/app.js": "/js/app.js" 
} 

Le app.css a été supprimé?

/publics js/app.js

/******/ function __webpack_require__(moduleId) { 
/******/ 
/******/  // Check if module is in cache 
-/******/  if(installedModules[moduleId]) { 
+/******/  if(installedModules[moduleId]) 
/******/   return installedModules[moduleId].exports; 
-/******/  } 
+/******/ 
/******/  // Create a new module (and put it into the cache) 
/******/  var module = installedModules[moduleId] = { 
/******/   i: moduleId, 

...

/***/ (function(module, __webpack_exports__, __webpack_require__) { 

"use strict"; 
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); 
-/* WEBPACK VAR INJECTION */(function($) {/* harmony import */ var   __WEBPACK_IMPORTED_MODULE_0__components_passwordValidator__ = __webpack_require__(9); 
+/* WEBPACK VAR INJECTION */(function($) {Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); 
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_passwordValidator__ = __webpack_require__(9); 
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_passwordShowHide__ = __webpack_require__(8); 
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_selectComponent__ = __webpack_require__(10); 
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_showHideComponent__ = __webpack_require__(11); 

...

/* 2 */ 
/***/ (function(module, exports) { 

-// removed by extract-text-webpack-plugin 
+throw new Error("Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve './images/dashboard-details-2.jpg' in 'F:\\openvisa-webapp\\resources\\assets\\sass'\n at factoryCallback (F:\\openvisa-webapp\\node_modules\\webpack\\lib\\Compilation.js:260:39)\n at F:\\openvisa-webapp\\node_modules\\webpack\\lib\\NormalModuleFactory.js:243:19\n at onDoneResolving (F:\\openvisa-webapp\\node_modules\\webpack\\lib\\NormalModuleFactory.js:59:20)\n at F:\\openvisa-webapp\\node_modules\\webpack\\lib\\NormalModuleFactory.js:132:20\n at F:\\openvisa-webapp\\node_modules\\webpack\\node_modules\\async\\dist\\async.js:3799:9\n at F:\\openvisa-webapp\\node_modules\\webpack\\node_modules\\async\\dist\\async.js:360:16\n at iteratorCallback (F:\\openvisa-webapp\\node_modules\\webpack\\node_modules\\async\\dist\\async.js:934:13)\n at F:\\openvisa-webapp\\node_modules\\webpack\\node_modules\\async\\dist\\async.js:844:16\n at F:\\openvisa-webapp\\node_modules\\webpack\\node_modules\\async\\dist\\async.js:3796:13\n at apply (F:\\openvisa-webapp\\node_modules\\webpack\\node_modules\\async\\dist\\async.js:21:25)\n at F:\\openvisa-webapp\\node_modules\\webpack\\node_modules\\async\\dist\\async.js:56:12\n at F:\\openvisa-webapp\\node_modules\\webpack\\lib\\NormalModuleFactory.js:124:22\n at onResolved (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\Resolver.js:70:11)\n at loggingCallbackWrapper (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\createInnerCallback.js:31:19)\n at afterInnerCallback (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\Resolver.js:138:10)\n at loggingCallbackWrapper (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\createInnerCallback.js:31:19)\n at Resolver.applyPluginsAsyncSeriesBailResult1 (F:\\openvisa-webapp\\node_modules\\tapable\\lib\\Tapable.js:181:46)\n at innerCallback (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\Resolver.js:125:19)\n at loggingCallbackWrapper (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\createInnerCallback.js:31:19)\n at F:\\openvisa-webapp\\node_modules\\tapable\\lib\\Tapable.js:283:15\n at F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\UnsafeCachePlugin.js:38:4\n at loggingCallbackWrapper (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\createInnerCallback.js:31:19)\n at afterInnerCallback (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\Resolver.js:138:10)\n at loggingCallbackWrapper (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\createInnerCallback.js:31:19)\n at Resolver.applyPluginsAsyncSeriesBailResult1 (F:\\openvisa-webapp\\node_modules\\tapable\\lib\\Tapable.js:181:46)\n at innerCallback (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\Resolver.js:125:19)\n at loggingCallbackWrapper (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\createInnerCallback.js:31:19)\n at F:\\openvisa-webapp\\node_modules\\tapable\\lib\\Tapable.js:283:15\n at innerCallback (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\Resolver.js:123:11)\n at loggingCallbackWrapper (F:\\openvisa-webapp\\node_modules\\enhanced-resolve\\lib\\createInnerCallback.js:31:19)"); 

/***/ }), 
/* 3 */ 

J'ai essayé de mettre la configuration du public/mix manifeste .json retour à la façon dont il était:

publique/mix-manifest.json

{ 
"/js/app.js": "/js/app.js", 
"/css/app.css": "/css/app.css" 
} 

Run npm run watch ou npm run dev et il suffit de retirer le "/css/app.css": "/css/app.css"

public/mix-manifest.json

{ 
-"/js/app.js": "/js/app.js", 
-"/css/app.css": "/css/app.css" 
+"/js/app.js": "/js/app.js" 
} 

L'erreur de nœud que je reçois après exécution npm run dev est:

npm ERR! Windows_NT 10.0.15063 
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe"  "C:\\Users\\Cory\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev" 
npm ERR! node v6.11.1 
npm ERR! npm v3.10.8 
npm ERR! code ELIFECYCLE 
npm ERR! @ dev: `node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js` 
npm ERR! Exit status 2 
npm ERR! 
npm ERR! Failed at the @ dev script 'node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js'. 
npm ERR! Make sure you have the latest version of node.js and npm installed. 
npm ERR! If you do, this is most likely a problem with the package, 
npm ERR! not with npm itself. 
npm ERR! Tell the author that this fails on your system: 
npm ERR!  node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 
npm ERR! You can get information on how to open an issue for this project with: 
npm ERR!  npm bugs 
npm ERR! Or if that isn't available, you can get their info via: 
npm ERR!  npm owner ls 
npm ERR! There is likely additional logging output above. 

npm ERR! Please include the following file with any support request: 
npm ERR!  F:\openvisa-webapp\npm-debug.log 

S'il vous plaît noter que je ne reçois pas cette erreur lors de l'exécution npm run watch il ne compile pas simplement CSS, cette erreur ne se affiche que sur npm run dev. Mais ni l'erreur est toujours là sur watch.

Je n'ai aucune idée de comment le réparer. J'ai essayé npm install, mais rien ne fonctionne.

Répondre

0

Le problème a été résolu. Cela se produira si vos images d'arrière-plan CSS n'ont pas un chemin correct.