npm - 将应用程序安装为 npm 包后,找不到 “vue-cli-service”

标签 npm webpack vuejs3

我有一个包是一个 vuejs 应用程序。如果我使用“npm i 'path/to/app-vuejs --save-dev'”将它安装到我的项目本地,然后运行

npm explore app-vuejs -- npm run serve
一切正常。服务器启动,我可以查看生成的页面。但是在 npm 上发布后,使用 'npm i app-vuejs --save-dev' 安装它并再次运行命令我得到了错误
sh: vue-cli-service: command not found
我现在看到 node-modules 目录与我的本地版本不同......我试图找到 vue-cli-service 并看到我的本地版本中的文件夹比 npm 安装的文件夹多得多
本地安装:
local folder structure
从 npm 安装,依赖较少且没有 vue-cli:
install from npm
我需要做什么才能安装包括“cli-services”在内的所有节点模块?
这是我的文件夹结构
- main-project
  - node_modules
    - helper-app-vuejs

最佳答案

TL;DR: 移动@vue/cli-servicepackage.json来自 devDependencies部分至dependenciesvue-cli-service默认情况下是 devDependency 并且不会成为 npm 上已发布版本的一部分,因为 devDependencies 仅在开发此包时需要。如果你使用 npm i xxxx -save-dev 安装你的 npm-package , 只有 dependencies将被安装,因为根据定义,在运行时需要这些依赖项。如果您移动 @vue/cli-service打包到dependencies package.json 的部分它将在您的其他包的运行时准备好。

关于npm - 将应用程序安装为 npm 包后,找不到 “vue-cli-service”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66386345/

相关文章:

node.js - 尝试安装 React.js 时出现 NPM 错误 TODO-MVC Tutorial

javascript - 为什么要全局和本地安装 gulp?

typescript - 如何使用 npm 链接和使用 TypeScript 编写的模块进行开发?

twitter-bootstrap - 为什么用 webpack 导入 bootstrap css 而不是仅仅链接到它?

vue.js - 有什么理由不在 vue3 中使用 <script setup> 吗?

javascript - Vue 3 - inject() 只能在 setup() 或功能组件内部使用

reactjs - react-app-rewire 的 npm start run 问题

node.js - 哟: command not found when running yeoman angular generator

reactjs - css-loader 不导入 .css 文件返回空对象

vue.js - 使用 Vue CLI V4 调试 Vue 3