All These Things That I've Done

Apply the programming model to everyday programming problems
posts - 83, comments - 71, trackbacks - 4

My Links

News


View Gianluca Carucci's profile on LinkedIn

Tag Cloud

Archives

Post Categories

Image Galleries

Blogs

Links

venerdì 6 febbraio 2015

Visual Studio 2015 ASP.NET 5, project name e l'errore "install Couldn't read dependencies"

Visual Studio 2015 ha introdotto una nuova modalità di gestione delle librerie e degli asset client side (javascript, typescript, coffescript, css, less...) di un progetto ASP.NET: infatti da questa versione, l'ide si affida ad un tool molto diffuso e apprezzato tra le community open source: Bower.

Bower è un package manager scritto in nodejs, che ha il compito di scaricare e gestire le librerie client side (per quelle server side rimane valido NuGet). Come tutte le librerie basate su nodejs, la modalità di default d'installazione è tramite il package manger di nodejs: npm.

Qual'è il problema?

 Quando creiamo un nuovo progetto Visual Studio 2015, dal template 'ASP.NET 5 Starter Web' e diamo un nome contenente un carattere accentato, scopriremo che:

  • la build fallisce e apparentemente non si trova l'errore
  • da solution explorer il nodo "Bower" sotto le "dependencies" (che dovrebbe contenere le librerie client del template come jquery, bootstrap...) è vuoto e non è abilitata l'opzione "Restore Packages"
  • da solution explorer il nodo "NPM" sotto le "dependencies" indica che i packages: grunt, grunt-bower-task non sono stati scaricati

Mettendo insieme questi indizi, e soprattutto aprendo la finestra "Package Manager Log", si trova un errore simile a questo:

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\nodejs\\\\node.exe',
1 verbose cli 'C:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'install',
1 verbose cli '-d' ]
2 info using npm@1.3.2
3 info using node@v0.10.13
4 verbose node symlink C:\nodejs\\node.exe
5 error install Couldn't read dependencies
6 error Error: Invalid name: "ragù"
6 error at ensureValidName (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\fixer.js:281:15)
6 error at Object.module.exports.fixNameField (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\fixer.js:196:5)
6 error at C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\normalize.js:29:38
6 error at Array.forEach (native)
6 error at normalize (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\normalize.js:28:15)
6 error at final (C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:310:33)
6 error at then (C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:124:33)
6 error at C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:234:40
6 error at fs.js:266:14
6 error at Object.oncomplete (fs.js:107:15)
7 error If you need help, you may report this log at:
7 error <http://github.com/isaacs/npm/issues>
7 error or email it to:
7 error <npm-@googlegroups.com>
8 error System Windows_NT 6.2.9200
9 error command "C:\\nodejs\\\\node.exe" "C:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "-d"
10 error cwd C:\Projects\Ragù
11 error node -v v0.10.13
12 error npm -v 1.3.2
13 verbose exit [ 1, true ]
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\nodejs\\\\node.exe',
1 verbose cli 'C:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'install',
1 verbose cli '-d' ]
2 info using npm@1.3.2
3 info using node@v0.10.13
4 verbose node symlink C:\nodejs\\node.exe
5 error install Couldn't read dependencies
6 error Error: Invalid name: "ragù"
6 error at ensureValidName (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\fixer.js:281:15)
6 error at Object.module.exports.fixNameField (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\fixer.js:196:5)
6 error at C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\normalize.js:29:38
6 error at Array.forEach (native)
6 error at normalize (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\normalize.js:28:15)
6 error at final (C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:310:33)
6 error at then (C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:124:33)
6 error at C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:234:40
6 error at fs.js:266:14
6 error at Object.oncomplete (fs.js:107:15)
7 error If you need help, you may report this log at:
7 error <http://github.com/isaacs/npm/issues>
7 error or email it to:
7 error <npm-@googlegroups.com>
8 error System Windows_NT 6.2.9200
9 error command "C:\\nodejs\\\\node.exe" "C:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "-d"
10 error cwd C:\Projects\Ragù
11 error node -v v0.10.13
12 error npm -v 1.3.2
13 verbose exit [ 1, true ]
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\nodejs\\\\node.exe',
1 verbose cli 'C:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'install',
1 verbose cli '-d' ]
2 info using npm@1.3.2
3 info using node@v0.10.13
4 verbose node symlink C:\nodejs\\node.exe
5 error install Couldn't read dependencies
6 error Error: Invalid name: "ragù"
6 error at ensureValidName (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\fixer.js:281:15)
6 error at Object.module.exports.fixNameField (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\fixer.js:196:5)
6 error at C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\normalize.js:29:38
6 error at Array.forEach (native)
6 error at normalize (C:\nodejs\node_modules\npm\node_modules\read-package-json\node_modules\normalize-package-data\lib\normalize.js:28:15)
6 error at final (C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:310:33)
6 error at then (C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:124:33)
6 error at C:\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:234:40
6 error at fs.js:266:14
6 error at Object.oncomplete (fs.js:107:15)
7 error If you need help, you may report this log at:
7 error <http://github.com/isaacs/npm/issues>
7 error or email it to:
7 error <npm-@googlegroups.com>
8 error System Windows_NT 6.2.9200
9 error command "C:\\nodejs\\\\node.exe" "C:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "-d"
10 error cwd C:\Projects\Ragù
11 error node -v v0.10.13
12 error npm -v 1.3.2
13 verbose exit [ 1, true ]
view raw npm_invalid_name hosted with ❤ by GitHub

Visual Studio infatti scarica le dipendenze dei tools (tra cui bower) usando il comando npm install. Quest'ultimo per funzionare ha bisogno che nella directory corrente ci sia il file package.json (file aggiunto automaticamente dal template di Visual Studio) il quale contiene alcune informazioni tra cui l'elenco delle dipendenze (un po' come il file packages.config di NuGet) e il nome del progetto; ecco il problema: npm esegue una validazione del nome (notare l'errore: 6 error Error: Invalid name: "ragù") e se questo non super la validazione, il comando install fallisce senza scaricare i tool (tra cui bower), e gli asset client del progetto (tramite bower).

Indagando un po' ci imbattiamo nella funzione ensureValidName che fallisce poichè i caratteri accentati non sono ammessi. Il codice del metodo è il seguente:

function ensureValidName (name, strict) {
if (name.charAt(0) === "." ||
!(isValidScopedPackageName(name) || isCorrectlyEncodedName(name)) ||
(strict && name !== name.toLowerCase()) ||
name.toLowerCase() === "node_modules" ||
name.toLowerCase() === "favicon.ico") {
throw new Error("Invalid name: " + JSON.stringify(name))
}
}
function isValidScopedPackageName(spec) {
if (spec.charAt(0) !== '@') return false
var rest = spec.slice(1).split('/')
if (rest.length !== 2) return false
return rest[0] && rest[1] &&
rest[0] === encodeURIComponent(rest[0]) &&
rest[1] === encodeURIComponent(rest[1])
}
function isCorrectlyEncodedName(spec) {
return !spec.match(/[\/@\s\+%:]/) &&
spec === encodeURIComponent(spec)
}
// ECMA-262 - 15.1.3.4
function URIEncodeComponent(component) {
var unescapePredicate = function(cc) {
if (isAlphaNumeric(cc)) return true;
// !
if (cc == 33) return true;
// '()*
if (39 <= cc && cc <= 42) return true;
// -.
if (45 <= cc && cc <= 46) return true;
// _
if (cc == 95) return true;
// ~
if (cc == 126) return true;
return false;
};
var string = ToString(component);
return Encode(string, unescapePredicate);
}
view raw npm_ensureValidName hosted with ❤ by GitHub

In definitiva, fate attenzione al nome del progetto che scegliete o in alternativa, modificate il nome all'interno del file package.json.

Concludendo: perchè dobbiamo cambiare modo di gestire i progetti web rischiando di ricevere errori anche da tool fino ad ora non utilizzati?

Di questo e di tutto ciò che riguarda  Npm, Grunt, Bower e il nuovo package manager di Visual Studio 2015, parleremo il 26 marzo ai CommunityDays di quest'anno.

Ci vediamo là?

posted @ lunedì 1 gennaio 0001 00:00 | Filed Under [ JavaScript Visual Studio ]

Powered by:
Powered By Subtext Powered By ASP.NET

Copyright © Gianluca Carucci