React & asp.net - 导入 react-bootstrap 异常

Question

我在包含反应内容的文件夹上进行了 npm install。我没有使用 webpack 或 bundler 我几乎没有使用本教程进行设置，因为我只需要 React 作为组件 https://reactjs.net/getting-started/aspnet.html 并得到这个错误

• $exception {"加载时出错\"~/Scripts/react/Components/Progression/ProgressionTable.js\": SyntaxError: Unexpected identifier\r\n at ProgressionTable.js:14:8 -> import Modal from ' react-bootstrap';"} React.Exceptions.ReactScriptLoadException

所以本质上它是在抱怨“import”语句，并且它总是对任何导入都这样做。我该怎么办？

Answer 1

简而言之，浏览器不支持 JS 导入，因此您需要使用 webpack/babel-loader 将这些导入语句转换为仍然有效的 JS。

您必须使用像 Require.JS 这样的基于浏览器的加载器才能让您现有的代码在这里工作，但最好看看通过 Webpack/Babel 启用模块导入加载。

总而言之，使用正确的工具可以防止在编译的 JS 代码中出现浏览器不知道如何处理的导入语句。