国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<legend id="e9han"><progress id="e9han"><option id="e9han"></option></progress></legend>

[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d

2年前作者：超級_小菜鳥分類：Toy博客閱讀(17)違法舉報

這篇具有很好參考價值的文章主要介紹了[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

問題：
在 webpack.config.js 配置了devServer，通過contentBase 配置了靜態(tài)資源的路徑，但是報錯了。報錯如下：

[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'contentBase'. These properties are valid:
   object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? }

原因及解析：
錯誤信息中提示contentBase 不是有效的配置項（可以看到contentBase不在羅列的有效配置項中）。因為Weback 5 將 contentBase的配置修改為 static
解決
把 contentBase 改為 static文章來源地址http://www.zghlxwxcb.cn/news/detail-842475.html

const path = require('path')

module.exports = {
    mode: "development", // 指定構(gòu)建模式
    entry: "./src/main.js", // 指定構(gòu)建入口文件
    output: {
        path: path.resolve(__dirname, 'main'), // 指定構(gòu)建生成的文件名
        filename: "build.js" // 指定構(gòu)建生產(chǎn)的文件名
    },
    devServer: {
        static: path.resolve(__dirname, 'dist') // 開發(fā)服務(wù)器啟動路徑
    }
}

到了這里，關(guān)于[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

harmonyos預(yù)覽功能報錯：[webpack-cli] SyntaxError: Unexpected end of JSON input
在使用DevEco Studio寫頁面，進行預(yù)覽的時候報錯：如圖所示：上一分鐘還在好好的寫代碼，預(yù)覽功能還能使用，突然下一秒預(yù)覽功能報錯了。對問題進行分析排查： 1.打開另一個工程，頁面可以預(yù)覽，說明跟開發(fā)工具應(yīng)該沒有關(guān)系 2.檢查代碼是否有修改，是否影響 3.仔細查看
2024年01月23日
瀏覽(24)
Webapck 解決：[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的問題
其一、報錯為： [webpack-cli] Error: Cannot find module \\\'vue-loader/lib/plugin\\\' 中文為： [webpack-cli] 錯誤：找不到模塊“vue-loader/lib/plugin” 其二、問題描述為：在項目打包的時候 npm run build ，控制臺報錯，并拋出一個 Cannot find module \\\'vue-loader/lib/plugin\\\' 的問題；其三、控制臺報錯的頁面顯示
2024年02月02日
瀏覽(25)
解決： ValidationError: Invalid options object. PostCSS Loader ......
問題背景： ? ? 使用 vue/cli @ 5. x 腳手架? 工具搭建一個初始化? 項目架子，在 vue.config.js 里面?配置移動端的適配性插件（ postcss-pxtorem ?）的代碼時，運行啟動項目時報錯如下圖： Compiled with problems: ERROR in \\\'./xxx/xx\\\' Module build failed (from \\\'./xxx/xx\\\'): ? ? ? ? ValidationError: In
2024年02月11日
瀏覽(25)
Vue.config.js 配置報錯 ValidationError: Invalid options object.
接手了別人的項目，在配置 devServer 時直接照搬了之前的配置結(jié)果報錯這段報錯信息意思是Dev Server已使用與API模式不匹配的選項對象初始化，其中明確指出是屬性 ‘disableHostCheck’，于是我屏蔽了這個屬性，發(fā)現(xiàn)能啟動成功此時我查看了之前和這次的項目的webpack的版本發(fā)現(xiàn)
2024年02月11日
瀏覽(40)
webpack自動化打包webpack-dev-server
在前面的章節(jié)中我們每次改完要打包的資源文件，和配置文件都是是輸入 npx webpack 命令手動打包的，那么有沒有什么辦法可以監(jiān)聽到我們代碼的改動，在保存時就自動打包呢？答案是當(dāng)然有，不然哪些框架的腳手架是怎么實現(xiàn)保存自動打包的呢，這就是本章要介紹的內(nèi)容，
2024年02月04日
瀏覽(20)
解決：項目名@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`錯誤
當(dāng)我們在githup/gitee下載前端的項目的時候，很多在自己的電腦運行，可能會爆這個錯誤，解決方案是：第一步：先把這兩個文件刪掉第二步：清理緩存在項目文件目錄下運行這個命令（在終端運行）： npm cache clean --force 第三步：安裝項目所需的所有依賴項 npm install 第四步
2024年02月08日
瀏覽(26)
webpack.config.js配置文件報錯：The ‘mode‘ option has not been set
報錯 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 it to \\\'none\\\' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/ 解決：在package.json文件
2024年01月20日
瀏覽(28)
firefox_profile has been deprecated, please use an Options object
selenium代碼中加載firefox的默認配置文件但是，運行代碼會出現(xiàn)了一個棄用警告： firefox_profile has been deprecated, please pass in an Options object 解決辦法：或者第二種可能失效。
2024年02月13日
瀏覽(21)
使用webpack插件webpack-dev-server 出現(xiàn)Cannot GET/的解決辦法
文檔地址深入淺出webpack 使用 DevServer運行webpack，跑起來之后提示 Cannot GET/ ：查閱官方文檔根據(jù)目錄結(jié)構(gòu)修改對應(yīng)的配置：然后就可以成功訪問：
2024年02月14日
瀏覽(26)
一、Webpack相關(guān)（包括webpack-dev-server用以熱更新和html-webpack-plugin）
webpack是前端項目工程化的具體解決方案。它提供了友好的前端模塊化開發(fā)支持，以及代碼壓縮混淆、處理瀏覽器端JavaScript的兼容性、性能優(yōu)化等強大的功能。 -S實際是--save的簡寫，表示安裝的第三方庫要被記錄到package.json的dependencies（開發(fā)和上線都要用到的包）下。雖然不
2024年02月13日
瀏覽(30)

<optgroup id="phdao"></optgroup>