我已按照以下位置的说明进行了配置：https://www.npmjs.com/package/browser-sync-webpack-plugin
这是我的webpack.config.js文件
const path = require('path');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
const config = {
mode: 'production',
entry: './src/app.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
watch: true,
plugins: [
new BrowserSyncPlugin({
host: 'localhost',
port: 3000,
server: {
baseDir: ['dist']
}
})
]
}
module.exports = config;package.json
{
"name": "real-estate-2",
"private": true,
"version": "1.0.0",
"description": "",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack --config webpack.config.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"browser-sync-webpack-plugin": "^2.2.2",
"webpack": "^4.8.3",
"webpack-cli": "^2.1.3"
},
"dependencies": {
"lodash": "^4.17.10",
"react": "^16.3.2",
"react-dom": "^16.3.2"
}
}但是当我运行webpack时，我在终端上得到了这个错误：错误：找不到模块“Cannot find module”
我已经按照说明安装了browser-sync-webpack-plugin：npm install --save-dev browser-sync-webpack-plugin
1条答案
按热度按时间57hvy0tb1#
您遇到的错误表明Node.js找不到browser-sync-webpack-plugin模块。以下是您可以尝试解决此问题的几个步骤：
验证软件包安装：通过在项目的根目录中运行npm ls browser-sync-webpack-plugin命令，再次检查包是否已成功安装。此命令将显示已安装的软件包及其依赖项。确保browser-sync-webpack-plugin出现在列表中。
清除npm缓存：通过运行npm cache clean --force命令来清除npm缓存。这将删除所有缓存的软件包并确保干净的安装。
删除node_modules文件夹：删除项目根目录中的node_modules文件夹以删除所有现有安装。您可以通过在macOS/Linux上运行rm -rf node_modules命令或在Windows上运行rd /s /q node_modules来执行此操作。
重新安装依赖项：在项目的根目录下运行npm install，重新安装package.json文件中定义的所有依赖项，包括browser-sync-webpack-plugin。请确保您看到安装的软件包没有任何错误。
如果在尝试这些步骤后问题仍然存在，则可能是您的Node.js或npm安装存在问题。在这种情况下，您可以考虑重新安装Node.js并再次尝试这些步骤。
此外，您可以尝试将package.json文件中的browser-sync-webpack-plugin版本更新为可用的最新版本。您可以使用命令npm install --save-dev browser-sync-webpack-plugin@latest更新到最新版本。
我希望这些步骤有助于解决问题，并允许您成功使用browser-sync-webpack-plugin。