Javascript 网页包-未捕获的语法错误：意外的令牌导入

运行应用程序时出现意外的令牌导入错误。 请查看我的web包配置设置-

--Webpack.config.js--

---

.babelrc

{
  "presets": ["es2015"],
  "plugins": [
    ["transform-object-rest-spread"],
    ["transform-runtime", {
      "polyfill": false,
      "regenerator": true
    }],
  ]
}

---

---package.json---

---

正如你在代码中看到的，我已经设置了这个网页包。因此，尽管服务器成功地启动了，它还是给出了一个错误

“未捕获的语法错误：意外的令牌导入”

---

因此，我建议您从

.babelrc

文件中删除预设，因为您已经将它们包含在

网页中，并且由于未将
react preset
包含在
babelrc
中，这可能会导致问题

.babelrc

{
    "plugins": [
    ["transform-object-rest-spread"],
    ["transform-runtime", {
      "polyfill": false,
      "regenerator": true
    }],
  ]
}

其次，确保您为所有导入（如css、svg等）提供了适当的加载程序

module: {
   loaders: [
    { test: /\.js$/,
      loader: 'babel-loader',
      exclude: /node_modules/,
      query: {
        presets: ['es2015', 'react']
      }
    },
    { test: /\.css$/, loader: "style!css" },
    { test: /\.(png|jpg|jpeg|gif|woff)$/, loader: 'url?limit=8192' },
    { test: /\.(otf|eot|ttf)$/, loader: "file?prefix=font/" },
    { test: /\.svg$/, loader: "file" }
  ],
}

根据您的要求，您可以排除上述一些加载程序，并确保在使用之前安装了
加载程序
如何运行服务器/构建bundle.js？您是否在
package.json
中使用npm脚本？@dargue3是的，请查看y package.json文件。
{
    "plugins": [
    ["transform-object-rest-spread"],
    ["transform-runtime", {
      "polyfill": false,
      "regenerator": true
    }],
  ]
}

module: {
   loaders: [
    { test: /\.js$/,
      loader: 'babel-loader',
      exclude: /node_modules/,
      query: {
        presets: ['es2015', 'react']
      }
    },
    { test: /\.css$/, loader: "style!css" },
    { test: /\.(png|jpg|jpeg|gif|woff)$/, loader: 'url?limit=8192' },
    { test: /\.(otf|eot|ttf)$/, loader: "file?prefix=font/" },
    { test: /\.svg$/, loader: "file" }
  ],
}