Javascript “节点网页包无法识别”；进口；

所以我对Node和Webpack还不熟悉，我很难让我的项目正确编译。每次我将其加载到浏览器时，都会出现错误：

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

。这是我的webpack.config.js文件的副本：

webpack.config.js： 这是我的main.js文件的副本：

main.js 最后，这里是我已安装的节点包的列表：

• 巴别塔核心
• 巴别塔装载机
• babel-preset-es2015
• 巴别塔预设反应
• 巴别塔-预设-舞台-0
• 宝贝
• 反应
• 反应dom
• 网页包
• 网页包开发服务器

---

有人知道我做错了什么吗？谢谢你的帮助

排除和包含设置需要RegExp、绝对路径或它们的数组。您的示例将include属性设置为字符串数组。您需要的是一个RegExp数组：

include: [/.js?$/, /src/, /build/]

第一个参数匹配一个us文件，后两个分别匹配src和build文件夹

请注意，我是如何省略对象属性周围的语音标记的。此外，我还将加载器内容嵌套在module.exports中，而不是将其分离出来，但为了便于论证，我将在原地编辑：

var loaders = [
  {
    test: /\.js?$/,
    exclude: /node_modules/,
    include: ["/.js?&/","/src/", "/build/"],
    loader: "babel",
    query: {
      presets: [
        "es2015",
        "react",
        "stage-0"
      ],
      plugins: []
    }
  }
];

module.exports = {
  devtool: 'eval-source-map',
  entry: path.resolve('js', 'main.js'),
  output: {
    path: path.resolve('build'),
    filename: '[name].js',
    publicPath: '/'
  },
  plugins: [],
  module: {
    loaders: loaders
  }
};

---

排除和包含设置需要一个RegExp、一个绝对路径或一个数组。您的示例将include属性设置为字符串数组。您需要的是一个RegExp数组：

include: [/.js?$/, /src/, /build/]

第一个参数匹配一个us文件，后两个分别匹配src和build文件夹

请注意，我是如何省略对象属性周围的语音标记的。此外，我还将加载器内容嵌套在module.exports中，而不是将其分离出来，但为了便于论证，我将在原地编辑：

var loaders = [
  {
    test: /\.js?$/,
    exclude: /node_modules/,
    include: ["/.js?&/","/src/", "/build/"],
    loader: "babel",
    query: {
      presets: [
        "es2015",
        "react",
        "stage-0"
      ],
      plugins: []
    }
  }
];

module.exports = {
  devtool: 'eval-source-map',
  entry: path.resolve('js', 'main.js'),
  output: {
    path: path.resolve('build'),
    filename: '[name].js',
    publicPath: '/'
  },
  plugins: [],
  module: {
    loaders: loaders
  }
};

---

你在终端上运行webpack/webpack dev服务器吗？@kunkka是的，我实际上没有使用服务器，但是是的。我只是从我的终端开始构建。

“include”：[“/js”、“/src”、“/build”]

看起来可疑。你能试着用绝对路径（即，

path.join（\uu dirname，'js'）

等）替换这些路径吗？@bebraw谢谢你的评论，但似乎没有什么帮助…：（好的。没有任何东西可以运行，我就说不了什么了。：（你在你的终端上运行webpack/webpack dev server吗？@kunkka是的，我实际上没有使用服务器，但是是的。我只是从我的终端开始构建。

“include”：[“/js”、“/src”、“/build”]

看起来可疑。你能试着用绝对路径（即，

path.join（\uu dirname，'js'）

等）替换这些路径吗？@bebraw谢谢你的评论，它似乎没有什么帮助，但是……：（好的，我没有什么可以说的了。）(