npm start 运行的是浏览器中目录列表而不是 index.js 文件。

Question

我为webpack/babel开发服务器设置了工具。当我从命令行运行“npm start”时，它会在我的浏览器中显示目录，而不是index.js文件。我刚刚开始学习这个，这是我第一次创建这样的起始包。我的package.json文件如下：

{
"name": "me_app",
"version": "1.0.0",
"description": "ME React-Redux Pump Builder",
"main": "index.js",
"scripts": {
   "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev server.js",
   "test": "mocha --compilers js:babel-core/register --require ./test/test_helper.js --recursive ./test",
   "test:watch": "npm run test -- --watch"
 },
 "author": "Daniel Crain",
 "license": "ISC",
 "directories": {
   "lib": "lib"
 },
 "dependencies": {
   "npm": "^6.4.1"
 },
 "devDependencies": {
   "@babel/core": "^7.0.0",
   "@babel/preset-env": "^7.0.0",
   "@babel/preset-react": "^7.0.0",
   "babel-loader": "^8.0.2",
   "react": "^16.5.0",
   "react-dom": "^16.5.0",
   "webpack": "^4.17.2",
   "webpack-cli": "^3.1.0",
   "webpack-dev-server": "^3.1.8"
 },
 "repository": {
   "type": "git",
   "url": "git+https://github.com/bluevision/React-Redux-Product- Configurator.git"
 },
 "bugs": {
   "url": "https://github.com/bluevision/React-Redux-Product- 
Configurator/issues"
 },
 "homepage": "https://github.com/bluevision/React-Redux-Product- 
 Configurator#readme"
 }

- Daniel Crain

Answer 1

如果您列出项目的文件和目录结构，将有助于了解确切的问题，但据我所知，当您运行npm start时，它将在package.json中的脚本对象中运行您的启动命令：

   "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev server.js",

这里的脚本期望监听一个名为 server.js 的文件，而不是 index.js

因此，请尝试重命名文件或在您的 package.json 中编辑名称。

- Emad Dehnavi

---

实际上，应该启动webpack-dev-server.js，而不是index.js或server.js。不知何故，在发布时破折号被删除了。Webpack开发服务器应该运行index.js文件。 - Daniel Crain