Question

Javascript 和 Webpack：错误：未知选项‘--watch-content-base’

2021-08-29

12545

javascript node.js webpack-5 webpack-cli

我试图将WebPack集成到我的软件包文件的脚本中。我正在按照视频进行尝试进行操作，并且可以正常工作，直到输入'npm start'。

我在终端阅读中收到一条错误消息：

134516393
 
 
  ，我不明白为什么在视频中考虑到我正在遵循的视频中遇到此错误。如果我删除' - -watch-content base'它可以正常工作，但是我正在尝试确保在服务器上自动更新任何代码更改。
 
 
  这是我的package.json文件：
 
 122872278

Answer 1

Web pack 5 不再有 contentBase ，而是 static ，用于开发服务器中的内容。您应该删除 dist 文件夹中以前的 main.js，并将此代码块粘贴到 webpack.config.js 中，然后在终端中运行 npx webpack-dev-server 。
请记住将所有 HTML 代码、CSS 代码和图像放在一个目录中，然后在浏览器中打开 localhost:8080 。

const path = require('path');
    
module.exports = {
    entry: ' path of index.js',
    output: {
        filename: 'main.js',
        path: path.resolve(__dirname, 'dist')
    },
    devServer: {
        static: path.resolve(__dirname, 'dist'),
        compress: true,
        port: 8080,
    },
    mode: 'development'
};

Answer 2

或者，您可以运行视频中使用的版本。查看 package.json 文件以查看您当前正在使用的版本。

安装特定版本：

$ npm i [email protected] [email protected] [email protected]