导入语法在webpack中不起作用

import syntax not working with webpack

本文关键字：不起作用 webpack 语法 导入      更新时间：2023-09-26

我得到了Illegal import declaration错误。当我试图集成一个react js repo与webpack

我从https://github.com/dptoot/react-event-calendar/blob/master/example/src/example.js

迁移了原始源代码

如何修复Illegal import declaration错误?

我认为import语法只适用于一些js库?

<标题> 错误
ERROR in ./app/main.js
Module build failed: Error: Parse Error: Line 2: Illegal import declaration
    at throwError (/Users/poc/sandbox/ha/node_modules/jsx-loader/node_modules/jstransform/node_modules/esprima-fb/esprima.js:2823:21)
<标题> main.js h1> webpack.config.js h1> div class="answers">

使用Babel通过babel-loader转换import声明(和其他ES2015如果你想)。http://babeljs.io/docs/setup/webpack

正如@JMM回答的那样，看来你需要babel-loader。另外，我仍然面临着同样的问题，最后通过编辑webpack.config.js来解决，比如

   module: {
     loaders: [
-      {test: /'.jsx?$/, loader: 'babel-loader'},
-      {test: /'.jsx$/, loader: 'jsx-loader'}
+      {test: /'.jsx$/, loader: 'jsx-loader'},
+      {test: /'.jsx?$/, loader: 'babel-loader'}
     ]
   },

或者因为jsx-loader看起来不再与这个配置一起工作，它可以被删除。

我希望这对你有帮助

相关文章：