javascript - Require 在 Webpack 中没有定义 %
问题描述
我是 Webpack 的新手。我已经通过https://createapp.dev/ ... 但是当我安装它时,它会引发很多错误,请帮助我......
这是 Webpack 配置文件,请帮帮我..
const webpack = require("webpack")
const path = require('path');
const config = {
entry: [
'react-hot-loader/patch',
'./src/index.js'
],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
use: 'babel-loader',
exclude: /node_modules/
}
]
},
resolve: {
extensions: [
'.js',
'.jsx'
],
alias: {
'react-dom': '@hot-loader/react-dom'
}
},
devServer: {
contentBase: './dist'
},
target:"node"
};
module.exports = config;
这是我的 package.json 文件
{
"name": "firebase_crud",
"version": "1.0.0",
"description": "",
"main": "index.js",
"keywords": [],
"author": "",
"license": "ISC",
"scripts": {
"clean": "rm dist/bundle.js",
"build-dev": "webpack --mode development",
"build-prod": "webpack --mode production",
"start": "webpack serve --hot --mode development"
},
"dependencies": {
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-hot-loader": "^4.13.0"
},
"devDependencies": {
"webpack": "^5.50.0",
"webpack-cli": "^4.8.0",
"@babel/preset-react": "^7.14.5",
"babel-loader": "^8.2.2",
"@babel/core": "^7.15.0",
"@babel/preset-env": "^7.15.0",
"@hot-loader/react-dom": "^17.0.1+4.13.0",
"webpack-dev-server": "^4.0.0",
"eslint": "^7.32.0",
"eslint-plugin-react": "^7.24.0"
},
"engines": {
"node": "v14.17.3"
}
}
解决方案
您需要从devServer部分中删除contentBase 。在您的屏幕截图中,您可以找到适用于devServer部分的可能选项列表。
devServer的配置在这里:https ://webpack.js.org/configuration/dev-server/
顺便说一句,Webpack4 有contentBase选项 https://v4.webpack.js.org/configuration/dev-server/#devservercontentbase
对于 Webpack5 使用 https://webpack.js.org/configuration/dev-server/#directory
推荐阅读
- java - Java 和 XSS:如何 html 转义 JSON 字符串以防止 XSS?
- java - 在不同的包中重复使用常量是否可以接受?
- cocoapods - 是否可以在公共 Pod 中使用私有 Pod?
- python - Django URL 不存在?
- visual-studio - TFS 项目已删除,如何将代码上传到新项目
- php - Windows server 2012:xampp 项目禁止访问
- angular - 使用 Visual Studio 编辑器在 Angular 中获取类命名空间的任何技巧?
- ios - rtc::Thread::ProcessMessages 崩溃
- sql - sql 仅按一列分组
- php - 使用 Laravel 5.6 在包含的视图中传递数据