首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vuejs中执行npm run dev出现页面cannot GET问题

1.问题描述 最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况: 最近又有网友说到这个问题...,按照以上说的方面检查了一下,还是出现了这个问题,查了一下出现这个问题的原因还可能跟node的版本还有npm版本相关,所以要把node升级较高版本,vue-cli要基于3.0以上的版本支持。...那么这时候如果升级了node或者npm,那么就可能出现npm 报错问题,那么可以尝试删除npm重新安装 链接:http://www.howtobuildsoftware.com/index.php/how-do.../bYRH/nodejs-npm-npm-doesnt-work-get-always-this-error-error-cannot-find-module-are-we-there-yet 2017.8.30...今天又发现了关于这个问题的一个原因,是由于创建项目的时候用了ESLint语法检测,所以一点语法规范都会造成找不到页面,并且这些错误是在控制台是可以找到的。

64630
您找到你想要的搜索结果了吗?
是的
没有找到

你要知道的 Npm Script 都在这里

例如,下面所有的命令的效果都是一样的: npm run-script test npm run test npm test npm t 同理, npm start 也是一样 npm run-script...,比如错误号 error 和代码,具体的错误日志路径都可以在终端获取到,如下: ➜ xxx npm run test > xx@1.0.0 test /Users/beidan/Desktop/xxx.../Users/beidan/.npm/_logs/2021-02-19T06_48_18_141Z-debug.log 静默消息 如果想减少错误日志并非防止脚本抛出错误, 可以使用下面的命令来“静默”...处理, (比如在 ci 中,即使测试命令失败,也希望整个管道继续运行,就可以使用这个命令npm run --silent // 或者 npm run -s 如果脚本名不存在时不想报错...//输出的值 命名规则 前缀 有些开源项目我们可以看到,他的 script 脚本是带有前缀的, 这也是一个好的命名规则, 通过:dev, :prod 来区分环境, 如下: { "scripts

1.2K20

(2424) webpack小案例--自己动手用webpack构建一个React的开发环境

run build进行打包,如果没有出现错误,手动在浏览器中打开index.html,出现以下效果说明配置成功。...5.4 启动服务 在终端执行npm run server 命令启动服务。 npm run server  浏览器自动打开,效果与前面手动结果一致。.../temp/index.js"> 6.3 重新启动服务配置成功 关闭之前的服务,然后使用npm run server 重新启动服务。...@6.24.1 当然你也可以使用下列方式安装最新的,出现版本问题在对应去调整即可(不过有些费时费力而已,呵呵) npm install --save-dev babel-core babel-loader...测试相关配置是否成功 当上述都配置完成后,使用npm run server 重新启动服务,若是出现失败,建议先把node_modules删除了,然后在使用 npm install 进行安装。

70521

安利一个github上面的一个神级库thefuck,Linux命令敲错了,没关系,自动纠正你的命令

当你命令输入错误不要怕,直接来一句fuck,自动纠正你输入的命令。 在你输入错误命令的时候,忍俊不禁的想来一句fuck,没错你不仅可以嘴上说,命令里面可以可以来一下,他丫的就矫正了。...adds clean package to mvn; mvn_unknown_lifecycle_phase – fixes misspelled lifecycle phases with mvn; npm_missing_script... – fixes npm custom script name in npm run-script ; npm_run_script – adds missing run-script ...for custom npm scripts; npm_wrong_command – fixes wrong npm commands like npm urgrade; no_command – fixes...non-executable/without ./ python script; python_execute – appends missing .py when executing Python

1.3K10

webpack的watch选项不工作原因分析

# 使用yarn,这个命令是跟npm兼容的,但速度快很多,而且可以保证依赖包版本的一致性,强烈推荐 yarn install --global vue-cli vue-cli webpack vue-demo...cd vue-demo # 安装项目依赖 yarn install # 启动开发服务器 yarn run dev 发现问题 但我在开发过程中发现问题了,在IDE中修改了vue文件,webpack开发服务器并不会重新编译对应的模块...尝试按该问题中的说明在vue-demo/build/dev-server.js的23行加入watchOptions.polling选项,发现问题真的解决了。...这里说得很清楚,watch功能不起作用一般来说就是这几个原因。 而我现在的开发操作系统是Windows,那么就只剩下2个可能原因了。...Array.isArray(missing)) throw new Error("Invalid arguments: 'missing'"); if(typeof callback !

4K60

webpack(10)webpack-dev-server搭建本地服务器「建议收藏」

npm install -D webpack-dev-server 安装完成之后,我们也是需要在webpack中进行配置,配置的对象是devServer ,它也有很多的属性,常用的几个属性如下:.../dist", inline: true, }, } 接下来我们再在package.json文件中添加一条script命令: "scripts": { "dev": "webpack...serve" }, dev代表开发环境,以上我们的配置就算完成了 webpack-dev-server启动报错 然后我们启动命令npm run dev,程序出现以下报错: Error: Cannot...改为webpack serve即可 "scripts": { "dev": "webpack serve --open --mode development" }, 最后我们在终端输入npm run...npm run dev,此时就会报以下错误 Error: listen EADDRINUSE: address already in use 127.0.0.1:8080 原因是我们上次启动的默认端口是

42010

使用 webpack 4 和 Babel 7 构建 React 应用及如何引入 Material Design

": "3.1.8" } } 接着运行以下命令,看看会发生什么: npm run webpack Webpack 将自动获取 src/index.js 文件,编译它,并将其输出到 dist/main.js...此外,由于我们还没有配置该文件,我控制台中将出现一些警告。 如果我们运行如下命令npm start webpack-dev-server 将自动启动服务器并使用该服务器打开默认浏览器。...到目前为止,只需要 html-webpack-plugin,它告诉服务器 index.bundl.js 应该被注入到 index.html 文件中 再次运行以下命令,显示会跟上一次不同: npm run... } ReactDOM.render( , document.getElementById("root") ); 再次运行以下命令npm start 错误如下...这将允许我们刷新页面而不会出现任何其他错误,现在我们完成了。

9.3K60

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券