Error: Unknown option ‘--inline‘报错解决办法

最新推荐文章于 2024-05-25 01:02:55 发布

Coco94joker

最新推荐文章于 2024-05-25 01:02:55 发布

阅读量1.5w

点赞数 7

分类专栏： Ubuntu 文章标签： webpack javascript 前端 ubuntu

本文链接：https://blog.csdn.net/Coco94joker/article/details/128125832

版权

Ubuntu 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

报错内容

[webpack-cli] Error: Unknown option '--inline'
[webpack-cli] Run 'webpack --help' to see available commands and options

报错截图

Alt!

报错场景

我将原本在windows系统上构建、运行的代码移到了ubuntu系统上，在执行npm run dev时报了这样的错误（所有相关的依赖软件都安装了）。
我在网上搜了很久都没有找到解决办法，后来在一个英文网站上发现有人提到了这个问题的解决办法，但是可能是使用场景不对，并没有被采纳。不过那个解决办法对我这种场景下的报错有效。

解决办法

删除node_modules文件夹和package-lock.json文件
信息宝贵，请务必确认文件和文件夹内没有需要用到的重要信息后再删除

在这里插入图片描述

在命令行执行下列代码来读取安装package.json的配置

npm i

或者

npm install

这两个命令都一样，只不过有一个是简写。
3. 等待构建在这里插入图片描述
如果发现构建的下载卡住了，或者很慢，建议更换npm镜像。
听说淘宝镜像已经换了地址，如下图所示
新镜像地址为：

http://npmmirror.com
http://registry.npmmirror.com

构建成功后就可以执行后续步骤了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Coco94joker

关注关注

7
点赞
踩
11

收藏

觉得还不错? 一键收藏
6
评论
Error: Unknown option ‘--inline‘报错解决办法

关于报错：Error: Unknown option '--inline'的解决办法
复制链接

扫一扫

专栏目录

nodejs npm错误Error:UNKNOWN:unknown error,mkdir ‘D:\Develop\nodejs\node_global’at Error

01-21

错误原因在设置npm的cache和predix时，因为使用参考其他教程照抄，而没有修改为本机对应路径，本机上并没有这个地址，因此造成了...Error: UNKNOWN: unknown error, mkdir ‘D:\Develop\nodejs\node_global’ at Error

解决npm报错：“Unknow option ‘--inline‘... “； “A complete log of this run can be found in : npm ERR!...“

m0_48263336的博客

03-07

961

解决npm报错："Unknow option '--inline'... "; "A complete log of this run can be found in : npm ERR!..."

6 条评论您还未登录，请先登录后发表或查看评论

npm run dev出现Error: Unknown option ‘--inline‘

m0_52896752的博客

08-26

2981

npm run dev出现Error: Unknown option '--inline'

Keil编译报错的问题解决

热门推荐

qq_41286666的博客

04-15

2万+

在执行 npm run dev 后报错：命令行查看nodejs 和 npm版本。推荐使用6.××版本，否则版本过高有可能会导致不兼容问题。卸载原有的nodejs版本，直接百度搜索nodejs v12.13版本进行下载安装，安装后此时的npm版本如下。 webpack-dev-server版本要和vue版本一致，卸载原有版本，安装对应版本。 1、利用命令行查看vue版本： 2 、卸载npm uninstall webpack-dev-server 3 、安装npm i webpack

Error: Unknown option ‘--inline‘

erose的博客

02-11

1万+

vue使用‘npm run dev’报错 解决办法：执行npm install webpack-dev-server -D 如果执行改条命令失败，则先全局安装webpack 执行npm install webpack-cli -g

数据库服务启动失败[ERROR] unknown option ‘--“ONLY_FULL_GROUP_BY,...“‘

qq_44209563的博客

10-15

1083

问题启动数据库服务时，失败，查看日志信息，大致如下： [ERROR] unknown option '--"ONLY_FULL_GROUP_BY,..."' -->后边省略解决在mysql的配置文件my.cnf中找到参数ONLY_FULL_GROUP_BY的位置。确认： 1.配置的内容正确 2.配置的格式正确(k=v的形式，此次是由于该处配置的信息key和value没有在同一行导致参数错误) 正确格式： k=v 错误格式： k= v ...

mysql数据库mysql: [ERROR] unknown option '--skip-grant-tables'

09-08

主要介绍了mysql数据库mysql: [ERROR] unknown option '--skip-grant-tables',需要的朋友可以参考下

Android.bp编译提示ninja: error: unknown target ‘MODULES-IN-xxx’终极指南

01-03

当我们通过Android.bp编译脚本构建App或者bin执行文件时，可能会莫名的提示ninja: error: unknown target ‘MODULES-IN-paxdroid-external-AndroidBp’的错误，那么怎么解决呢？好吗，让我带领你一期解决。 ...

Python错误： SyntaxError: Non-ASCII character解决办法

09-21

主要介绍了Python错误： SyntaxError: Non-ASCII character解决办法的相关资料,需要的朋友可以参考下

关于在keil编译遇到的../../Libraries/CMSIS/Include\core_cm4.h(1462): error: unknown type name ‘inline‘问题

weixin_58363974的博客

10-04

1682

然后把路径里的CMSIS/Include全部直接替换成最新的。直接下载最新的CMSIS。

C++编译时报错 error: unknown type name ‘ ‘

feikudai8460的博客

12-31

1万+

今天项目中，遇到一个很奇怪的问题，明明导入了头文件，却一直说不知道该类型。如类VideoInfo 类存储的是视频的信息参数，它当作参数，传入解码器，作为解码器的成员变量，如下： #include <cstdint> #include "IDecode.h" extern "C"{ #include "libavformat/avformat.h" #include "libavcodec/avcodec.h" }; class VideoInfo { public: .

webpack 错误提示：Set ‘mode‘ option to ‘development‘ or ‘production‘ to enable defaults for each environm

幻辰科技 nbhctec.com

05-11

2268

Vs code webpack 打包流程：错误提示： WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. You can also set .

[webpack-cli] Error: Unknown option ‘-p‘ [webpack-cli] Run ‘webpack --help‘ to see available command

闲言

04-21

4975

[webpack-cli] Error: Unknown option '-p' [webpack-cli] Run 'webpack --help' to see available command

webpack 打包报 Error Unknown option ‘-p‘ 解决办法

a10534126的博客

03-06

669

报错截图：这是我写的：修改之后：打包完成：

vue-cli脚手架中webpack配置详解

weixin_34221036的博客

08-16

366

什么是webpack webpack是一个module bundler（模块打包工具），所谓的模块就是在平时的前端开发中，用到一些静态资源，如JavaScript、CSS、图片等文件，webpack就将这些静态资源文件称之为模块 webpack支持AMD和CommonJS，以及其他的一些模块系统，并且兼容多种JS书写规范，可以处理模块间的...

vue5.0报错[webpack-cli] Error: Unknown option '--inline'

07-08

Vue 5.0 中的错误提示 `[webpack-cli] Error: Unknown option '--inline'` 是由于 `--inline` 选项在 Webpack 5 中已被移除引起的。在 Webpack 5 中，`--inline` 选项被替换为 `--devtool inline`，用于设置开发工具的模式。您可以通过以下两种方式解决这个问题： 1. 在运行 Vue 5.0 的开发服务器时，将 `--inline` 选项替换为 `--devtool inline`。例如，如果您使用的是 Vue CLI，可以将命令修改为 `vue-cli-service serve --devtool inline`。 2. 如果您在项目的 Webpack 配置文件中手动使用了 `--inline`，则需要将其替换为 `devtool: 'inline'`。在 Webpack 配置文件中找到相关的配置项，并将其修改为： ```js module.exports = { // ... devtool: 'inline', // ... }; ``` 完成上述更改后，再次运行 Vue 5.0 的开发环境命令，应该不再出现 `[webpack-cli] Error: Unknown option '--inline'` 错误。如果您还有其他问题，请随时提问！