当尝试将主页添加到package.json并运行npm run build时，它显示/

当尝试将主页添加到package.json并运行npm run build时，它显示/。

这个问题通常出现在使用React或Vue等前端框架进行开发时。当我们尝试将主页添加到package.json文件中，并运行npm run build命令时，它显示了一个斜杠（/）。

这个问题的原因可能是在package.json文件中配置的主页路径不正确。在package.json文件中，我们可以使用homepage字段来指定应用程序的主页路径。如果这个路径配置不正确，就会导致构建过程中出现斜杠（/）的错误。

解决这个问题的方法是确保package.json文件中的homepage字段正确配置。主页路径应该是相对于应用程序的根目录的相对路径。例如，如果主页文件是在public文件夹下的index.html文件，那么正确的配置应该是：

"homepage": "./public"

另外，还需要确保在运行npm run build命令之前，已经正确安装了相关的依赖包。可以使用npm install命令来安装所需的依赖。

如果以上方法仍然无法解决问题，可能是由于其他原因导致的。这时可以尝试删除node_modules文件夹，并重新运行npm install命令来重新安装依赖。

总结：

当尝试将主页添加到package.json并运行npm run build时，显示斜杠（/）通常是由于主页路径配置不正确导致的。
确保package.json文件中的homepage字段正确配置，应该是相对于应用程序根目录的相对路径。
确保已正确安装相关的依赖包，可以使用npm install命令来安装依赖。
如果问题仍然存在，可以尝试删除node_modules文件夹，并重新运行npm install命令来重新安装依赖。

腾讯云相关产品推荐：

云开发（CloudBase）：提供全栈云开发能力，包括云函数、云数据库、云存储等，适用于快速构建应用程序。
云服务器（CVM）：提供可扩展的云服务器实例，适用于搭建网站、应用程序等。
云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于存储和管理数据。
云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。

更多腾讯云产品信息和介绍，请访问腾讯云官方网站：https://cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

您的第一个插件目录

安装skpm并搭建一个新的插件： $ npm install -g skpm $ skpm create my-plugin $ cd my-plugin 运行你的插件构建插件： npm run...package.json 如果您之前查看过nodejs包，则必须熟悉它package.json。它描述了你的包（在这种情况下是插件）的依赖关系，并包含一些关于它的元数据。...作为一个经验法则，我通常会manifest.json在将所有其他信息放入时将相关命令的信息放入package.json（skpm将在编译时将这些信息添加到manifest.json中，以便您不必复制它们...npm run build。...当您运行my-plugin命令时，您现在应该可以看到所选图层的数量。专业提示：您可以通过运行自动重建插件 npm run watch 发布您的扩展阅读关于如何共享插件。

5995 0

npm 全面介绍

它的一个很重要的作用就是：将开发者从繁琐的包管理工作（版本、依赖等）中解放出来，更加专注于功能的开发。如何使用 NPM 安装 npm 不需要单独安装。...run script-key 来调用，例如在这个 package.json 的文件夹下使用 npm run dev 就相当于运行了 node build/dev-server.js 这一段代码。..."build": "npm run build-js && npm run build-css" 上面的写法是先运行 npm run build-js ，然后再运行 npm run build-css...除了将全局的包链接到本地以外，使用 npm link 命令还可以将本地的包链接到全局。使用方法是在包目录（package.json 所在目录）中运行 npm link 命令。...Node.js 在调用某个包时，会首先检查包中 packgage.json 文件的 main 字段，将其作为包的接口模块，如果 package.json 或 main 字段不存在，会尝试寻找 index.js

1.2K3 0

NPM 学习笔记整理

npm init 设置了默认值，以后执行 npm init 的时候，package.json的作者姓名、邮件、主页、许可证字段就会自动写入预设的值。...run script-key 来调用，例如在这个 package.json 的文件夹下使用 npm run dev 就相当于运行了 node build/dev-server.js 这一段代码。..."build": "npm run build-js && npm run build-css" 上面的写法是先运行 npm run build-js ，然后再运行 npm run build-css...除了将全局的包链接到本地以外，使用 npm link 命令还可以将本地的包链接到全局。使用方法是在包目录（package.json 所在目录）中运行 npm link 命令。...Node 在调用某个包时，会首先检查包中 packgage.json 文件的 main 字段，将其作为包的接口模块，如果 package.json 或 main 字段不存在，会尝试寻找 index.js

6580 0

❤️作为开发人员你需要知道的 npm 命令❤️

npm update 或者 npm update 更新包的简写 npm up deprecate（弃用）此命令将通过向所有尝试安装它的人提供弃用警告或消息来更新包的...此外，您可以 package.json 在创建文件时将项目的元信息添加到文件中。...npm init 或者 npm init -y build（构建） npm build和npm run build完全不同。...npm run build——此命令从 package.json 脚本字段运行构建字段。 npm build——这是一个内部命令。...如果你运行它，你会得到： npm WARN build npm build called without arguments.

1.1K3 0

npm run dev 后 webpack-dev-server 做了哪些事情

但是这一篇重点放在 package.json 中 npm run dev 中对应的 webpack-dev-server 的调用。..." 及 ">>" 符号的左边是数据源，">" 会替换目的数据，而">>" 符号只是将数据源添加到目标数据后 endLocal & goto #_undefined...，如果成功依旧显示 rem || 连接两个命令时，仅当符号前面的命令执行失败后，才继续执行符号后的命令 rem 批处理title命令用于设置控制台窗口中显示的标题 rem >NUL 表示前面命令产生的信息发送给空设备...，避免直接显示在命令行窗口 rem %* 表示命令行中的所有参数，当要将命令从批处理文件转发到另一个程序时会用到在其中有两处比较难理解的地方单独说明： goto #_undefined_#:它利用一个致命错误...但是如果要想了解webpack的运行机制，就需要深入webpack.js查看它的执行过程。

1.8K4 0

NPM命令实用使用技巧总结

更简化，你可以使用-P标志，这样安装： npm i gulp -P 同理，开发环境下的依赖安装，你可以用-D代替--save-dev npm i gulp -D 当你不带任何安装标志时，npm 默认将模块作为依赖项目添加到...如图 [ps7tgb3tma.jpeg] 卸载包如果你不想转到package.json文件并手动删除依赖包，则可以用以下方法删除： npm uninstall vue 这个命令会删除node_modules...显示可用脚本我们可以通过打开package.json文件来查看有哪些可执行的脚本，但是我们还可以这样查看： npm run 如果在package.json中有如下配置： "scripts": { "...创建自己的NPM可用变量你可以在package.json中添加新的 key 来创建自己的npm变量，可以是任何 key ，我更喜欢将所有的npm变量都放在一个config中，这样看起来比较清晰： "config...--dist $npm_package_config_build_folder"} 当你执行npm run build的时候，实际执行的是这样： gulp build --dist .

1K2 0

【NPM】361- 10个 NPM 使用技巧

一个更高的解决方式是改变 npm 默认的模块安装目录： mkdir ~/.npm-global npm config set prefix '~/.npm-global' 使用适当的文本编辑器将下面的一行添加到...例如，当运行 npm update 时， ^1.5.1 允许安装版本号大于 1.5.1 但小于 2.0.0 版本的模块。波浪号(~)字符是限定模块的次要版本。...例如，当运行 npm update 时， ~1.5.1 允许安装版本号大于 1.5.1 但小于 1.6.0 版本的模块。...当运行 npm install 时，该文件所指定的模块版本会覆盖 package.json 文件中所指定的版本。 9. 找出过时的模块怎么知道一个模块已经更新了呢？...10.使用开发中的模块当你正在开发一个模块时，会经常想在其它项目中尝试使用或者在任何一个目录运行它(如果你的应用支持)，这时没必要将其发布到 npm，并全局安装---仅需在该模块所在目录使用下面的命令

5712 0

关于前端大管家package.json，你知道多少

当执行该命令时，就会根据 package.json 文件中的配置信息来自动下载所需的模块，也就是配置项目所需的运行和开发环境。...当打包上线时并不需要这些包，所以可以把这些依赖添加到 devDependencies 中，这些依赖依然会在本地指定 npm install 时被安装和管理，但是不会被安装到生产环境中。...四、脚本配置 1. scripts scripts 是 package.json 中内置的脚本入口，是 key-value 键值对配置，key 为可运行的命令，可以通过 npm run 来执行命令。...如果我们将项目发布为 npm 包，那么当使用 require 导入 npm 包时，返回的就是 main 字段所列出的文件的 module.exports 属性。...Babel、Autoprefixer 和其他工具会用到它，以将所需的 polyfill 和 fallback 添加到目标浏览器。

1.5K2 0

CircleCI 自动化部署

[image] 提供 Hostkey 进行验证当 CircleCI 服务器尝试连接到您的主机时，它可能会提示您验证主机密钥。提示是自动化的氪星石：CI 环境将无限期挂起，等待用户给出响应。...可以禁用此验证，但将正确的密钥添加到 known_hosts 文件是一个更好的解决方案。CircleCI 没有用于添加主机密钥的语义解决方案，但一种选择是将主机密钥添加为环境变量。...REMOTE_HOSTKEY //刚复制的主机密钥 $SSH_USER // 服务器用户名 $SSH_IP // 服务器ip [image] 然后我们可以在构建环境中使用此变量将主机密钥添加到...-{{ checksum "package.json" }} paths: - node_modules - run: npm run build...代码流程：安装特定版本 npm， sudo npm install -g npm@6 安装 npm包 npm install 缓存文件 save_cache 打包 npm run build 安装传输命令

1K0 0

npm 与 package.json 快速入门教程

另一种更酷的方式是用命令行，在使用 npm install 时增加 --save 或者 --save -dev 后缀： npm install --save 表示将这个包名及对应的版本添加到...package.json的 dependencies npm install --save-dev 表示将这个包名及对应的版本添加到 package.json的 devDependencies...npm run 会创建一个Shell，执行指定的命令，并临时将node_modules/.bin加入PATH 变量，这意味着本地模块可以直接运行。...直接运行 npm run 会列出当前项目的 package.json 中 scripts 属性下的所有脚本命令。...": "npm run build" } 运行上面的脚本，会将source目录里面的ES6源码文件，转为distribution目录里面的ES5源码文件。

2.2K3 1

Vue.js——60分钟browserify项目模板快速入门

运行示例执行以下命令运行示例： npm run dev ? 在执行该命令后，dist目录下会生成一个build.js文件。 ? 打开127.0.0.1:8080，可以看到以下画面： ?...编译过程说明 build.js文件是怎么产生的呢？我们把它分为两种情况：开发时生成build.js 发布时生成build.js 何为开发时和发布时？...在git bash窗口执行npm run dev命令时，也能够观察到编译过程。 ? watchify 是什么东东呢？.../build.js" 执行npm run build命令可以生成发布时的build.js。...运行示例执行npm run dev命令启动http-server。 ? 在浏览器中输入地址127.0.0.1:8080，可以看到以下画面： ?

1.3K2 0

npm 与 package.json 快速入门

另一种更酷的方式是用命令行，在使用 npm install 时增加 --save 或者 --save -dev 后缀： npm install --save 表示将这个包名及对应的版本添加到...package.json的 dependencies npm install --save-dev 表示将这个包名及对应的版本添加到 package.json的 devDependencies...-g 其他命令 npm run 部分摘自阮一峰的 NPM 教程 npm 还可以直接运行 package.json 中 scripts 指定的脚本： { "name": "...npm run 会创建一个Shell，执行指定的命令，并临时将node_modules/.bin加入PATH 变量，这意味着本地模块可以直接运行。...": "npm run build" } 运行上面的脚本，会将source目录里面的ES6源码文件，转为distribution目录里面的ES5源码文件。

2K8 0

【总结】超全面的前端工程化配置指南！

lib 字段中 "lib": ["ESNext", "DOM", "WebWorker"], 然后我们将编译后的文件路径添加到 package.json，并在 scripts 中添加编译命令。...因为我们将项目定义为ESM，eslit --init会自动识别type，并生成兼容的配置文件名称，如果我们改回.js结尾，再运行eslint将会报错。...安装Husky并生成.husky文件夹 npm i husky -D npx husky install 然后我们需要在每次执行npm install时自动启用husky 如果你的npm版本大于等于7.1.0...\_TOKEN（创建时选中 Automation 权限）将创建好的两个TOKEN添加到项目的 Actions secrets 中： Github 项目首页 -> 顶部 Settings 菜单 -> 侧边栏...push 完成上面操作之后，打开 Github 项目主页和 NPM 项目主页可以看到一个 Release 的更新记录。

5243 0

创建现代npm包的最佳实践

> npx npm-packlist LICENSE index.js package.json README.md 在终端，运行npm publish --dry-run，看看实际运行命令时将会做什么.../lib/cjs/index.js", 在 package.json 文件中添加一个 files 字段，以表明当 npm 打包你的代码进行发布时，应该包括哪些文件。.../configs/tsconfig.cjs.json", "prepack": "npm run build" 现在可以在终端运行 npm run build，让TypeScript构建你的项目...我们需要一些工具来帮助设置我们项目来运行单元测试并显示结果。这些工具有 Mocha.js、Chai.js和 ts-node。...npm pack 这种方法将利用npm pack命令将 npm 包打包并压缩成一个文件（.tgz）。然后你可以到你想使用该包的项目中，通过这个文件安装它。

2K1 0

前端包管理工具与配置项

），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（dependencies）。...npm install module-name -save 自动把模块和版本号添加到dependencies部分 npm install module-name -save-dev 自动把模块和版本号添加到...网络回弹（yarn在某个安装包请求失败时不会导致安装失败，它会自动去尝试重新安装。.../bin/www.js" } cross-env：设置环境变量插件 npm run dev npm run后面跟script中设置的变量名；执行后面的脚本 npm run是npm run-script...的依赖包 npm i -g xxx #运行 package.json 中 scripts 下的命令 npm run xxx # 将当前模块发布到 npmjs.com，需要先登录插件发布到

4861 0

你要知道的 Npm Script 都在这里

在这篇文章中，我将分享我如何充分利用 NPM 脚本。介绍 NPM 脚本是 package.json 中定义的一组内置脚本和自定义脚本。...start npm run start npm start 执行多个脚本我们可能想结合一些脚本并一起运行它们。...0 退出码结束时，这意味着在运行脚本的时候发生了错误，并终止了执行。...处理, （比如在 ci 中，即使测试命令失败，也希望整个管道继续运行，就可以使用这个命令） npm run --silent // 或者 npm run -s 如果脚本名不存在时不想报错...日志级别确定哪些日志将显示在输出中。将显示比当前定义更高级别的任何日志。我们可以使用--loglevel明确定义要在运行命令时使用的日志级别。

1.2K2 0

npm、npm scripts

package.json文件可以手工编写，也可以使用npm init命令自动生成（注意：npm init 时，用户需回答一些问题，然后在当前目录生成一个基本的package.json文件。...{ "name": "test-demo0", //项目名称,发布项目后，可以通过该名称在npm上搜索到该项目,必须全网唯一 "version": "1.0.0", //版本号，当项目做了改动时需要修改版本号再发布...npm install --save app：将产品运行时（或生产环境）需要的依赖模块添加到 package.json 的 dependencies 中，在发布后还需要继续使用，否则就运行不了 npm...install --save-dev app：将产品的开发环境需要的依赖模块添加到 package.json 的 devDependencies 中，只在开发时才用到，发布后用不到它。...针对 npm2 的问题，npm3 加了点算法，直白的解释就是：npm install 时会按照 package.json 里依赖的顺序依次解析，遇到新的包就把它放在第一级目录，后面如果遇到一级目录已经存在的包

2.2K4 1

基于 Yarn WorkSpace + Lerna + OrangeCI 搭建 Typescript Monorepo 项目实践

这里根目录 tsconfig.json 的paths是这里的神奇之处：它告诉 TypeScript 编译器，每当一个模块尝试从 monorepo 导入另一个模块时，它都应该从 packages 文件夹中解析它...具体来说，它应指向该包的 src 文件夹，因为这是构建时将编译的文件夹。除此之外，在 IDE 点击依赖包的方法，就会跳转对应的源代码。...当发布单个 package 时，lerna 不会为其依赖包运行prepublishOnly 脚本。...run build" } } 而这个方案下，lerna run将像以前一样工作，所以这个解决方案的主要优点是它允许我们调试包的构建而不用担心其他包。...--yes：运行 lerna version、lerna publish 将跳过所有确认提示临时发布 npm 包当开发者开发基础库时，需要在业务测试该 package，但不能以 release 的版本号发布

3.8K4 2

GitLab PagesVuepress生成项目文档和博客

最近在给公司架构一个新的项目，要求同时写出一个完整的文档，由于正好在浏览vue的GitHub浏览相关项目时，看到了 Vuepress，所以尝试了一把，所以把开发中的积累写下来。...# GitLab Pages 原理首先了解一下GitLab Pages运行的原理。...- npm run docs:build artifacts: paths: - public only: - master 1 2 3 4 5 6 7 8 9 10 11 12...文件 echo '# Hello VuePress' > README.md # 启动项目 yarn docs:dev # 或 npm run docs:dev # 编译项目至 '/project-name...vuepress项目，但是你还应该花点时间去仔细阅读一下官网的主题配置，去配置你自己的各种导航，并注意下的页面的设置（主要是主页）。

2.3K1 0

VuePress 入门

# 构建静态文件 vuepress build . 2. 局部安装如果想在一个现有项目中使用 VuePress，同时想要在该项目中管理文档，则应该将 VuePress 安装为本地依赖。...# 将 VuePress 作为一个本地依赖安装 yarn add -D vuepress # 或者：npm install -D vuepress # 新建一个 docs 文件夹 mkdir docs.../usr/bin/env sh # 确保脚本抛出遇到的错误 set -e # 生成静态文件 npm run docs:build # 进入生成的文件夹 cd docs/.vuepress/dist.../usr/bin/env sh # 确保脚本抛出遇到的错误 set -e # 生成静态文件 npm run docs:build # 进入生成的文件夹 cd docs/.vuepress/dist...- title: 自动化测试 details: 采用 Karma + Mocha + Chai 做自动化测试，运行 npm run dev-test 即可实时测试代码。

5283 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云