npm start 启动之后图片加载失败

最新推荐文章于 2024-07-24 19:00:00 发布
最新推荐文章于 2024-07-24 19:00:00 发布
阅读量267 收藏
点赞数
分类专栏： 前端 文章标签： npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30738155/article/details/127989941
版权

因为

<img src="./assets/placeholder-image.png" alt='placeHolder'>

在这里插入图片描述
在backpage.json
npm start执行的是parcel src/index.html
在这里插入图片描述
parcel是一个打包插件
实际上将项目打包成dist文件
图片链接也变了
所以以前写的那个图片链接不顶用 哈哈
在这里插入图片描述导个图片进去
在这里插入图片描述
就ok了

六翼炽天使vibi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
npm更新包之后启动项目报错
chunlijian1152的博客
06-19 1909
问题一 internal/modules/cjs/loader.js:626 throw err; ^ Error: Cannot find module 'chalk' Require stack: - /Users/chelsea/Documents/code/react...
解决：vue项目npm run build 打包后 :src路径里面的本地图片找不到。
柠檬不萌只是酸i
09-23 4814
问题描述及错误代码： // 本地运行、打包 图片是ok的 <img src="../../static/images/orderSeeProgress0.png"> // 本地运行 图片是ok的、打包图片找不到 (因为图片的路径被解析成了字符串) <img src="/static/images/orderSeeProgress1.png"> /...
npm包中有图片等资源时无法加载
weixin_47359038的博客
03-20 2559
引用依赖包时无法加载图片等资源
vue项目执行npm run build 打包出现某些图片，字体，资源文件路径404，无法加载的问题
D.uccky的博客
09-20 4941
如图所示： 如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹 正常情况下static文件夹是非常干净的 如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。 一般出现这种情况是因为图片过大或者资源文件过大、超过了打包规定的限制 此时，我们按照下图找到对应的文件 默认限制是10kb。我们可以修改为...
本地图片不显示（vue问题处理）
qq_31151123的博客
04-20 1071
如图所示 我的node版本是V16.14.2,npm版本8.5.0； 更换node版本V14.18.0,npm版本6.14.15解决。 如果更换node版本后还是不显示本地图片，清理计算机的node缓存，如下图所示，删除npm-cache,重新下载依赖和运行项目。 ...
vue项目npm run build打包发到服务器上，背景图片消失
qq_40664253的博客
10-27 1663
vue项目打包后本地运行正常，但在服务器上看不到背景图片，网上搜索大概原因是因为路径的问题，部署到服务器上后找不到静态资源。 1.找到config下的index.js文件 将build下的assetsPublicPath的斜杠换成./ 操作如下 2.修改build/utils.js，添加publicPath:’…/…/’ ...
test-webpack-loaders:调试Webpack加载程序和配置
05-12
这里的 `{script}` 指的是 `package.json` 文件中定义的脚本，如 `start` 或 `build`，它们通常用于启动开发服务器或构建生产环境的代码。 **Webpack 配置** Webpack 的配置文件（通常命名为 `webpack.config.js`...
digicard-game:这是我使用react构建的简单纸牌游戏。 我使用来自Digimon API网站的图像。 规则是您必须重新加载该网站才能根据总经验查看获胜和失败的玩家
03-17
npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见...
dataHub:ReactJS前端Web应用程序，用于浏览、下载和查询TNRIS公共数据和历史图像
08-04
站点使用NodeJS v12.13.0和NPM v6.12成功构建，但在NodeJS下失败，直到发生依赖项更新。 启用正确的节点版本后，安装依赖项： npm install 一切顺利！ 可用脚本 在项目目录中，您可以运行： npm start 使用生产 ...
dorm-management-front-end
04-13
npm启动失败 如果代码失败且错误是“无法将react-scripts识别为内部或外部命令”，则首次运行该代码。 然后打开Terminal并输入npm i react-scripts --save ，该过程可能需要几分钟，具体取决于您的互联网速度，因为...
citadel-libros
04-12
可用脚本在项目目录中，可以运行：npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。npm test 在交互式监视模式下启动测试运行...
npm run build 文件不显示。css 里background没有图
ycm_920414的博客
04-17 4307
前几天写了一个小demo，信心满满去打包。结果！！！     啥都没有，尴尬了。word哥     找原因呗，各种度……结果还算让人满意 ，config下，找到 assetsPublicPath 配置 把/ 改为 ./ ，页面就出来了  发现，页面里 style 下 所有的background图片 404 看了一下，地址不对。 这里我的style 是 引入到文件的。   @i
安装依赖 npm install idealTree:lib: sill idealTree buildDeps 卡着不动
童大大的专栏
07-24 316
我一直怀疑是网络问题，因为等了很久也能安装成功，就是时间比较长，直到现在完全受不了了，决定好好整治下这个问题！更新缓存，可能执行会出错，他会给出另外一个命令，执行就可以了。查看配置文件所在位置，将其删除。
Nvm和Npm和Pm2的关系和使用说明
最新发布
R28_11的专栏
07-24 337
通常情况下，当你开始一个新的 Node.js 项目时，你可能会先使用 nvm 来选择适合项目的 Node.js 版本，然后使用 npm 来安装项目依赖，最后在生产环境中使用 pm2 来管理你的应用。npm 通常与 Node.js 一起安装，但在一些环境中，你可能需要使用 nvm 来确保 npm 的版本与你的 Node.js 版本兼容。它允许用户在不同的项目中切换 Node.js 的版本，这对于开发人员来说非常有用，因为不同的项目可能依赖于不同版本的 Node.js。
yarn 和 npm 的区别
yulingfeng59的博客
07-24 243
yarn 和 npm 有以下区别：
npm下载pnpm
m0_48170265的博客
07-24 368
npm下载pnpm
npm publish出错，‘proxy‘ config is set properly. See: ‘npm help config‘
青衫折扇的博客
07-24 237
1、先查找一下自己的代理。
网站基本布局CSS
m0_46608027的博客
07-24 759
* 滚动条轨道样式 *//* 滚动条样式 *//* 滑块样式 */
npm start失败
10-20
根据提供的引用内容，npm start失败的原因可能是权限不足。在引用中，报错日志显示了EACCES错误，这意味着当前用户没有访问文件的权限。解决办法可以参考引用中的方法，即创建一个全局配置目录，并将npm的路径配置为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值