介紹
配置vue.config.js時，報錯信息 “Invalid options in vue.config.js: ‘module’ is not allowed” ，表示在 vue.config.js 文件中不允許直接配置 module 選項。
解決方法
在 Vue CLI 3 及以上版本中，vue.config.js 是用于配置 Vue 項目的文件，但是它只允許配置特定的選項，而不是所有的 Webpack 配置選項。其中，module 選項是屬于 Webpack 的配置，不應(yīng)該直接放在 vue.config.js 中。
如果你需要配置 Webpack 的 rules，可以使用 configureWebpack 選項來添加自定義的 Webpack 配置。下面是一個示例：
module.exports = {
configureWebpack: {
module: {
rules: [
// 在這里添加你的 rules 配置
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env'],
},
},
},
// ...
],
},
},
};
在上面的示例中，我們使用 configureWebpack 選項來添加自定義的 Webpack 配置，其中包括了一個針對 .js 文件的轉(zhuǎn)譯規(guī)則。
請注意，在使用 configureWebpack 選項時，會完全覆蓋默認(rèn)的 Webpack 配置，因此需要包含原始配置中的其他部分，例如 entry、output 等。你可以根據(jù)需要在 configureWebpack 中添加其他 Webpack 配置選項。文章來源：http://www.zghlxwxcb.cn/news/detail-702964.html
通過以上修改，你應(yīng)該可以成功添加自定義的 Webpack rules 配置到 Vue 項目中。文章來源地址http://www.zghlxwxcb.cn/news/detail-702964.html
到了這里，關(guān)于vue.config.js配置報錯——可能是與webpack混淆的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
