webpack使用npm start时报错

已于 2022-04-22 09:34:05 修改
阅读量358 收藏
点赞数 1
分类专栏： webpack Vue 文章标签： vue
于 2019-11-14 10:01:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SmartJunTao/article/details/103062195
版权
Vue 同时被 2 个专栏收录
196 篇文章 17 订阅
订阅专栏
webpack
2 篇文章 0 订阅
订阅专栏

报错：

20191114095917700.png

解决办法：

npm install --save connect-history-api-fallback

package.json配置： 

20191114100026547.png

再次运行npm start 成功

 

船长在船上
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
用webpack打包TS代码 npm start
qq_46893103的博客
05-30 1037
报错如下 ERROR in ./node_modules/html-entities/lib/index.js 15:28-60 Module not found: Error: Can't resolve './numeric-unicode-map' in 'E:\前端\webpack\node_modules\html-entities\lib' @ ./node_modules/webpack-dev-server/client/overlay.js 4:0-39 198:26-32 @ ./..
webpack打包报错处理
qwx_qidian的博客
05-19 4516
目录 故障 解决方案 故障 控制台运行webpack时出现 ERROR in (webpack)-dev-server/client?http://localhost:9003 Module not found: Error: Can't resolve './overlay' in 'D:\xxx\node_modules\ webpack-dev-server\client' @ (webpack)-dev-server/client?http://localhost:9003 10:14
练习项目npm start启动时报错的个人解决办法
lgxzzz的博客
12-12 3417
错误原因 这几天在学习react，跟着慕课网的视频学习。React实战--打造画廊应用（上）React实战--打造画廊应用（下） 在用yeoman最初构建项目，完成后需要启动项目。 运行npm start时，出现了错误： > @0.0.1 start E:\workspace\loveGallery-by-react > node server.js --env=dev module.js:471 throw err; ^ Error: Cannot find mod
npm start 报错解决方案
热门推荐
小乔流水仁家的博客
08-14 2万+
一、 命令：报错信息：报错截图：解决方案：方案链接： 命令： npm start # 提示：这里的命令只能运行在有GUI图像渲染的机器上才有用，比如Ubuntu桌面版，我一开始运行在docker里，docker里只执行命令，所以是错误的。 报错信息： npm WARN npm npm does not support Node.js v10.16.2 npm WARN npm...
react创建项目后使用npm start启动报错解决方案
s_y_f_的博客
07-26 759
如果项目使用npm start 报错的话,进入到项目目录后,输入npm run eject,以后再使用npm start启动项目,就解决了,最后附一张成功效果图
webpack-npm-package-template:框架中性模板，用于使用Webpack和Babel构建npm组件
04-30
框架中性模板，用于使用Webpack和Babel构建npm软件包特征使用webpack和babel构建客户端npm软件包。 与webpack握手开发组件时，用于提供测试页的Web服务器。 还生成单独CSS，字体和其他文件。 （或者来自单独CSS入口...
使用Webpack和Npm包进行Api数据获取
02-13
在现代Web开发中，Webpack和Npm包是两个不可或缺的工具。Webpack是一个模块打包器，它将各种资源（如JavaScript、CSS、图片等）视为模块处理，并根据依赖关系生成静态资源。Npm（Node Package Manager）则是...
webpack npm的dev,run,start区别.zip
12-11
在某些项目中，`npm start`可能与`npm run dev`相同，但通常`npm start`会用于生产环境，意味着它可能配置为执行更优化的构建过程，例如使用`--production`标志运行Webpack，这将启用代码压缩、去除未使用的代码等...
webpack-npm-demo.zip
09-29
在“webpack-npm-demo”中，我们可能会看到如何设置Loader来处理不同类型的文件，以及如何使用如`HtmlWebpackPlugin`这样的插件自动生成HTML文件，并将打包后的JS文件自动引入。 此外，Webpack还支持热模块替换...
vue项目webpack中Npm传递参数配置不同域名接口
01-21
使用 npm run build — xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改： 新增：HOST: ‘”dev”‘ 'use strict' const merge = require('webpack-merge') const ...
react项目npm start启动失败（webpack版本冲突问题）
L1147484597的博客
05-07 2363
运行了一个别人的react的项目，npm install 安装完依赖之后npm start出现报错，弄了一个中午才弄好，报错的代码如下： > react_first@0.1.0 start C:\Users\1147484597\Desktop\代码css，js\react\day6react脚手架\react_fir st > react-scripts start There might be a problem with the project dependency tree. It
webpack npm start命令使用中的坑
weixin_40098371的博客
06-25 7174
1.不采用配置文件打包时，所有操作采用默认形式。配置文件package.json 内容为：{  "name": "mywebpack",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {    "test":
#webpack npm start报错01#
weixin_38626872的博客
12-03 124
搭建react的开发环境，运行npm run start 报错如下 配置web pack loader 报错：Module build failed: Error: The node API for `babel` has been moved to `babel-core`. 报错如下 Module build failed: Error: The node API for `babel` has been moved to `babel-core`. 在我配置loader 的时候出现如上问题 配置
React npm start启动webpack报错问题
weixin_44905572的博客
07-13 656
报错信息 ``` There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The rea ct-scripts package provided by Create React App requires a dependency: "webpack": "4.42.0" .
react项目npm start启动失败（webpack问题）
muhanxin的博客
10-13 7582
有一段时间没有编写react项目了，编写都是使用以前配置好的环境，从新搭建项目出现的问题，在网上找了找解决方法， 不是特别理想吧，有的就是在提问这个问题，有一个是添加文件，处理问题，但是不是太确定，好不好。先看下报错信息是否相似吧。 报错信息如下 There might be a problem with the project dependency tree. It is likely n...
create-react-app npm star 关于解决webpack版本过高导致的报错
muzi190的博客
11-15 1万+
关于解决webpack版本过高导致的npm start 报错 关于create-react-app npm start webpack 报错 依赖版本4.19.1 刚开始学习react，使用create-react-app创建项目，在npm start运行的时候，控制台报错: F:\React\11-15\my-app>npm start > my-app@0.1.0 start F...
关于create-react-app npm start webpack版本问题导致的报错
zzzhumengfan的博客
02-28 694
使用create-react-app创建项目，在npm start运行的时候，控制台报错: 报错原因：react项目依赖webpack版本为4.41.5，而我安装的是4.29.0，所以导致失败。 解决办法 1.删除全局webpack-cli webpack4.x开始官方文档是说要安装cli所以如果的在用4.+就需要卸载cli npm uninstall -g webpack-cli...
webpack学习之七,让打包的文件能使用浏览器本地缓存
guxiansheng1991的博客
02-08 1825
写在前面 1.浏览器缓存是根据一个appcache文件,当文件中的某些名称发生变化的时候,重新想服务器请求变化了的资源,这就要求:资源文件内部没有变化的文件不能改变名称,资源文件内部变了要能文件名称也变化. 2.要求webpack打包出来的文件名字使用chunkhash,当文件改变,则该文件的名字改变;否则不能变化该文件的名字 一.使用chunkhash命名打包文件 不能使用w...
Win系统npm全局安装webpack报错解决分享
前端充电宝
04-11 3766
一.在安装webpack的前提下 1.需要安装好node.js,安装之后检测node和npm的版本 2.安装淘宝镜像 npm config set registry https://registry.npm.taobao.org1. 二.安装全局下的webpack,我当时安装之后的报错如下 但是我尝试以管理员身份运行命令提示符,安装 cnpm install webpack -g 以及 安装 cnpm install webpack-cli -g 是可以安装成功的,但是在
webpack和npm run build区别
最新发布
06-28
### 回答1： webpack是一个模块打包工具，可以将多个模块打包成一个或多个文件，方便在浏览器中加载。它可以处理各种类型的文件，如JavaScript、CSS、图片等，并且可以通过插件和loader扩展其功能。 npm run build是一个命令，用于运行项目中的构建脚本。通常情况下，这个脚本会使用webpack或其他工具来打包项目，生成可部署的文件。因此，npm run build可以看作是使用webpack等工具进行项目构建的一种方式。 ### 回答2： Webpack和npm run build是web应用开发中常用的工具，它们的主要区别在于作用和使用场景。 Webpack是一个模块打包工具，它的主要作用是将各种资源文件（如js、css、图片等）转换为可以在浏览器中直接运行的一种格式。Webpack可以非常方便地将多个代码文件打包成一个或几个bundle文件，从而提高应用的加载速度和性能。Webpack还可以进行代码压缩、代码分割、tree shaking等优化处理，从而使应用的代码更加健壮且易于维护。Webpack常用于开发时，可以通过Webpack内置的开发服务器实时更新代码。 npm run build是npm内置的一个命令，它可以帮助开发者将应用打包成生产环境可用的静态资源文件。在执行npm run build命令时，npm会根据项目中的配置信息，自动进行打包、压缩、混淆等操作，从而生成最终的静态资源文件。得到的文件可以直接部署到生产环境，使得应用更加稳定，可靠，也具有更好的性能表现。 综上，Webpack主要用于代码打包、模块加载等开发环节，而npm run build主要用于生产环境中的静态资源打包和压缩，从而提高应用的性能和稳定性。在实际开发中，Webpack和npm run build可以相互配合，达到更好的效果。例如，在开发时，我们可以使用Webpack进行代码打包和热更新；而在生产环境中，我们可以使用npm run build来进行代码压缩和静态资源打包，从而最大程度地优化应用性能。 ### 回答3： webpack 是一个现代化的 JavaScript 应用程序的静态模块打包器。它能够分析应用程序的结构，找出应用程序所需的模块和资源，然后将这些内容打包成最终的生产环境所需的静态文件。使用 webpack 可以实现高效的资源管理和代码分割，能够将多个小资源打包成一个大的资源，并生成可被浏览器加载的 bundle 文件，同时还可以通过插件机制进行更加灵活的扩展。 npm run build 则是一个执行脚本的命令，用来执行在 `package.json` 文件中定义的 build 脚本。这个脚本可以是一个单独的命令或者一系列的命令，用于将开发环境的代码打包成生产环境所需的静态文件。这些命令可以包括使用构建工具（如 webpack）进行打包、代码压缩、图像压缩、代码混淆、执行测试等等。 总的来说，webpack 是一个专业的 JavaScript 应用程序打包工具，通过它可以实现一些高级的打包特性，而 npm run build 则是一个命令行脚本，在应用程序开发中常用于构建生产环境代码和资源。webpack和npm run build的关系是，npm run build可以用来执行webpack的打包命令，也可以执行其他构建命令，让项目在生产环境中运行更加稳定可靠。因此，建议在前端开发过程中使用webpack作为项目的构建工具，用npm run build来执行项目的打包操作。这样能够提高开发效率，减少出错的机会，帮助前端开发者更好的管理和部署项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

船长在船上

您的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值