Webpack-Dev-Server 一直在寻找 src 文件夹

标签 webpack webpack-dev-server

我有一个简单的 html 页面,其中添加了一个脚本并尝试使用 webpack dev server 加载页面,但它一直向我返回此错误 ERROR in multi (webpack)-dev-server/client?http ://localhost:3000 ./src 未找到模块:错误:无法解析“C:\Users\etc\Desktop\etc”中的“./src” 这是我的 webpack.config.js

const path = require('path');
module.exports = {
  devServer: {
    contentBase: path.resolve(__dirname, 'source/index.html'),
    port: 3000
  }
}

我正在运行这个命令 webpack-dev-server --config ./webpack.config.js

最佳答案

默认情况下,Webpack4 使用./src 作为入口路径。 如果'C:\Users\etc\Desktop\etc'不包括./src,你可以通过webpack.config.js指定你的进入路径,你能试试这个吗:

const path = require('path');
module.exports = {
  // the enter path
  entry: "YOUR APP PATH",
  devServer: {
    contentBase: path.resolve(__dirname, 'source/index.html'),
    port: 3000
  }
}

而且很容易配置,请看https://webpack.js.org/configuration/

关于Webpack-Dev-Server 一直在寻找 src 文件夹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51230335/

相关文章:

javascript - 将值传递给捆绑的 React JS 文件?

javascript - Next.js 和 Webpack 内联 Javascript 或 CSS 资源

node.js - 如何将我的 View 引擎(ejs)添加到 Express 和 Web Pack 开发服务器的组合中?

webpack - 使用 vue-cli 将请求代理到单独的后端服务器

javascript - Webpack-Dev-Server + Laravel,从网络设备访问不会通过内存中的js注入(inject)css

node.js - 使用 webpack-dev-server 运行 Node 应用程序时设置环境变量?

Webpack 文件加载器忽略 PNG 文件

node.js - 模块内的 Webpack 未找到 Cheerio

javascript - Angular 9->10 迁移。 TypeError : core_1. virtualFs.createSyncHost 不是函数

npm - webpack/babel/es6导入问题-(0,_whatwgFetch2.default)不是函数