Не работает npm run serve

Как решить, что «vue-cli-service» не распознается как внутренняя или внешняя команда?

Я получаю ошибку при попытке запустить npm run serve . Сначала я установил node.js затем vue, а также vue/cli. Но когда я пытаюсь запустить сервер как -> npm run serve в это время, я получаю ошибку типа «vue-cli-service» не распознается как внутренняя или внешняя команда.

Я использовал следующие коды для установки:

может ли кто-нибудь подсказать мне, что делать, чтобы решить эту проблему ?

Ответы — Как решить, что «vue-cli-service» не распознается как внутренняя или внешняя команда? / How to solve ‘vue-cli-service’ is not recognized as an internal or external command?

Я думаю, что вы используете cmd в windows.

Попробуйте удалить папку node_modules и после этого запустить npm i из cmd.

Затем попробуйте снова запустить npm run serve и посмотрите, сработает ли он на этот раз

В моем случае пакет @vue/cli-service установлен в моей локальной среде node_modules, но не в моей глобальной среде, поэтому его нельзя использовать в качестве команды. Я набираю .\node_modules\.bin\vue-cli-service serve , и это работает.

Как уже упоминалось в терминале, node_modules отсутствует в вашем проекте , поэтому вы не можете напрямую использовать npm run serve, сначала вы должны сделать npm install, а затем сделать npm run serve. Это будет прекрасно работать

@vue/cli-service обычно устанавливается как глобальный, поскольку обычно вы не копируете эти типы пакетов в каждый проект.

Если глобальный пакет npm поврежден, он хранится не в папке node_modules , а в другой, в зависимости от операционной системы. Поэтому удаление node_modules не помогает. Локации на глобальной папки node_modules, в несколько %USERPROFILE%\AppData\Roaming\npm\node_modules (Win10) или /usr/local/lib/node_modules (Линукс) Проверьте этот пост переполнения стека о том, как найти глобальные пакеты.

это будет зависеть от используемого вами менеджера пакетов

1. если вы используете yarn, запустите yarn или yarn install , а затем yarn serve
2. если вы используете npm, запустите npm install , а затем npm run serve

В моем случае я запустил ниже команды в GitBash и это сработало нормально

Я столкнулся с той же проблемой в windows. Затем сначала я удалил node_module. затем я запускаю npm install .

Источник

Русские Блоги

Реальная работа npm run serve / build

Vue CLI действительно очень удобен и удобен в использовании, но ему трудно понять после уровней инкапсуляции, что он сделал после выполнения этого npm run serve / build, и он даже не знает, как работал весь проект. Найдите время, чтобы взглянуть, настоящим запишите запись, чтобы углубить запись

Каталог статей

1. Изучите реальную работу npm run

1. Взгляните на npm run serve

Предпочтительно от npm run serve Вначале все должно быть знакомо. После выполнения этой команды она выполняется. Ключ в скрипте package.json — это значение после serve

Фактически, настоящая команда выполнения — это npm run vue-cli-service serve Команда, что это значит? Давайте проведем тест и добавим тест в test

Затем выполните команду run и увидите следующую печать

Фактически, эхо после теста выполняется, затем npm run vue-cli-service serve Что делает подача сзади? Взгляни еще раз

Фактически, последний как параметр

2. Имитация подачи

Если не верите, давайте еще раз проведем тест (подделка подачи)

Результат выполнения теста npm run выглядит следующим образом

Эй, это странно. Как обслуживала распечатала? Я не использовал эхо? Фактически я имитировал оригинальный сценарий,

2-1. Создайте тестовую папку

Сначала создайте каталог для создания тестового js в каталоге bin, как показано ниже

JS для этого теста также очень просто распечатать полученные параметры, как показано ниже:

2-2. Создайте тестовый скрипт в node_modules / .bin

добавил сценарий оболочки Linux и Windows (my-npm-test и my-npm-test.cmd)
На самом деле внутри есть несколько целевых js-путей.

2-3. Добавьте my-npm-test

my-npm-test

2-4. Добавьте my-npm-test.cmd

my-npm-test.cmd Для окон

На данный момент я наконец кое-что знаю о npm run;

Фактически, официальная реализация npm help run также имеет соответствующие объяснения, такие как

2-5. Принцип исполнения

При использовании сценария запуска npm для выполнения сценария создается оболочка, а затем указанный сценарий выполняется в оболочке.

Эта оболочка добавит исполняемый каталог зависимостей текущего проекта (т.е. node_modules / .bin) в путь к переменной среды и восстановит его в исходное состояние после выполнения. Иными словами, имя зависимости в команде сценария будет напрямую находить соответствующий сценарий в node_modules / .bin без добавления пути.

2-6. По аналогии с npm run serve

Хорошо, я наконец-то знаю, что npm run больше не такая загадочная. Эй, кажется, я давно не говорил об этом. Я уже говорил о npm run serve. На самом деле, я закончил говорить об этом. Подумайте об этом внимательно. npm run serve === npm run vue-cli-service serve , Тогда в node_modules.bin должно быть два файла vue-cli-service, поищите их. . .

Разумеется, откройте его снова, чтобы посмотреть, какой js он наконец выполнил. открыть файл

По пути вы можете найти следующие js

Итак, я наконец нашел настоящего исполнителя, что же сделал этот файл? Проект только что начался?

2. Детальная компиляция проекта

Мы открываем этоvue-cli-service.js （ Код не может быть подробно объяснен, просто используйте блог big guy https://segmentfault.com/a/1190000017876208 ）

1. О vue-cli-service.js

Приведенный выше js, наконец, называется ../lib/Service Чтобы собрать проект на ходу, затем проверьте его Service.js Что ты сделал

2. О Service.js

Также существует js для PluginAPI для компиляции плагинов.

3. О PluginAPI

Все операции с этими файлами в сумме завершают построение нашего проекта vue, и вы можете увидеть эффект, введя адрес непосредственно в браузере. Кто-то несет за вас тяжесть.)

Интеллектуальная рекомендация

Создать функциональный пакет

Создать функциональный пакет: catkin_create_pkg В пути AMOS_WS / SRC откройте консоль ввода CATKIN_CREATE_PKG MY_PACKAGE STD_MSGS ROSPY ROSCPP Создайте функциональны.

Простая реализация параллельной оболочки

27-й анализ результатов испытаний и отчет о качестве

в качествеОдин и тот же код является одним из достижений программиста, а протокол испытаний и отчет о качестве являются одним из главных достижений тес.

Конфигурация Local Zookeeper Dangdang Config Toolkit Управление

В крупных кластеров и распределенных приложений, данные конфигурации не должны быть диспергированы в узлах кластера, и должны управляться централизованно. Эта статья в основном описывает, как использо.

Samsung Galaxy F складной экран машины потребляет большую мощность? Пройдены встроенные двойные батареи 3100 мл

Samsung (Samsung) Galaxy F складной экран мобильного телефона, корпус будет иметь не только одну аккумуляторную батарею, но и две отдельные батареи. Каждая батарея имеет емкость до 3100 мАч, что в общ.

Источник

missing script: serve #16388

Comments

gursimran-dev-desk commented Apr 19, 2017

RR! argv «C:\Program Files\nodejs\node.exe» «C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js» «run» «serve»
npm ERR! node v6.10.2
npm ERR! npm v3.10.10

npm ERR! missing script: serve
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR! https://github.com/npm/npm/issues

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\gursimran\custom-theme\npm-debug.log

The text was updated successfully, but these errors were encountered:

watilde commented Apr 19, 2017

You’re missing the serve command in your package.json . See also: #15759 (comment).

gursimran-dev-desk commented Apr 19, 2017

.Please help me how to resolve this issue. @watilde

KenanY commented Apr 19, 2017

@testing-github1 Hello! So, the way npm run serve works is that it looks in your current package.json for a defined «serve» script, and then runs that. The error message you’re seeing is trying to tell you that you have not defined a «serve» script in your package.json , hence npm run serve has no idea what you want it to do.

To solve this issue, all you have to do is add a new script to your package.json . It might look something like this, for example:

Note how this package.json has a «serve» script that runs node —version . This is just an example script I made up to demonstrate; you’ll definitely wanna change it to whatever is most appropriate for your specific project.

Let us know if you run into any further npm issues 🙂

Источник

Ошибка запуска скрипта при запуске npm start

Я получаю эту ошибку при попытке отладить приложение моего узла с помощью команды npm start.

нпм ERR! Windows_NT 6.3.9600 npm ERR! argv «C: \ Program Files \ nodejs \\ node.exe» «C: \ Program Files \ nodejs \ node_modules \ npm \ bin \ npm-cli.js» «start» npm ERR! узел v0.12.7 нпм ERR! npm v2.11.3

нпм ERR! отсутствует скрипт: запустите npm ERR! нпм ERR! Если вам нужна помощь, вы можете сообщить об этой ошибке по адресу: npm ERR! https://github.com/npm/npm/issues npm ERR! Пожалуйста, включите следующий файл с любым запросом поддержки: npm ERR! C: \ Users \ andrmoll.NORTHAMERICA \ Documents \ GitHub \ SVIChallenge \ NPM-debug.log

подробный стек Ошибка: отсутствует сценарий: запуск

4 многословных стека при запуске (C: \ Program Files \ nodejs \ node_modules \ npm \ lib \ run-script.js: 142: 19)

4 многословных стека в C: \ Program Files \ nodejs \ node_modules \ npm \ lib \ run-script.js: 58: 5

4 многословных стека в C: \ Program Files \ nodejs \ node_modules \ npm \ node_modules \ read-package-json \ read-json.js: 345: 5

4 многословных стека в checkBinReferences_ (C: \ Program Files \ nodejs \ node_modules \ npm \ node_modules \ read-package-json \ read-json.js: 309: 45)

4 многословных стека в финале (C: \ Program Files \ nodejs \ node_modules \ npm \ node_modules \ read-package-json \ read-json.js: 343: 3)

4 больших стека в то время (C: \ Program Files \ nodejs \ node_modules \ npm \ node_modules \ read-package-json \ read-json.js: 113: 5)

4 многословных стека в C: \ Program Files \ nodejs \ node_modules \ npm \ node_modules \ read-package-json \ read-json.js: 300: 12

4 многословных стека на evalmachine .:334:14

Источник

How vue.js cli command «npm run serve» work

After running npm run serve it gives an address like http://localhost:8080 and it works, this address is targeted the root folder of local server but my project exists another folder like http://localhost/vue

And my question is how the address http://localhost:8080 works and where is the actual index.html ? Since my actual project placed in localhost/vue folder! and the address should be http://localhost/vue

2 Answers 2

I think you are a bit confused on what is going on in the background when you use serve.

When you are running the command npm run serve , your project is getting built by Webpack and then «served» via a local http-server. This server is using your project’s build folder as it’s root.

It seems like you have created a folder named localhost as out of your comments here. http://localhost is not a folder called «localhost» in your computer. In fact, it is just a name for your internal ip: 127.0.0.1. You can test this by going to 127.0.0.1:8080 and seeing this is the same as http://localhost:8080

in programmatic terms, one could say the following: localhost == 127.0.0.1

That out of the way, you seemt to also expect there to be a sub-folder named vue , since that’s what you have in your localhost folder. Knowing the above; http://localhost is not a folder localhost on your pc. It is however the folder the http-server has chosen, in this case, vue chooses the folder /dist inside your project folder.

Example: Your project folder has the following path: C:\Users\Admin\Documents\myProject

When you then run npm run serve in that folder, the vue http-server will serve (host) the folder C:\Users\Admin\Documents\myProject\dist

Источник