【发布时间】：2025-04-09 13:40:01
【问题描述】：
这是我的代码：
index.html
<!DOCTYPE html>
<html>
<body>
<div id="story-app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js"></script>
<!-- Load Babel -->
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script type="text/babel" src="components.js"></script>
</body>
</html>
我的 JS 源代码位于一个名为 components.js 的文件中，如下所示
class StoryBox extends React.Component {
render() {
return ( <div>Story Box</div> );
}
}
ReactDOM.render(
<StoryBox />, document.getElementById('story-app')
);
代码非常简单，我只想在主页上添加一个 DIV，但我在控制台中收到以下错误
babel.min.js:5 Uncaught SyntaxError: Invalid regular expression: /[ªµºÀ-ÖØ-öø-ˈ-Ë‘Ë -ˤˬˮͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ÒÒŠ-Ô¯Ô±-Õ–Õ™Õ¡-Ö‡×-תװ-×²Ø -يٮٯٱ-Û“Û•Û¥Û¦Û®Û¯Ûº-Û¼Û¿ÜÜ’-ܯÝ-ޥޱߊ-ßªß´ßµßºà €-à •à šà ¤à ¨à¡€-ࡘࢠ-ࢴࢶ-ࢽऄ-हऽà¥à¥˜-ॡॱ-ঀঅ-ঌà¦à¦à¦“-নপ-রলশ-হঽৎড়à§à§Ÿ-ৡৰৱਅ-ਊà¨à¨à¨“-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-àªàª-ઑઓ-નપ-રલળવ-હઽà«à« ૡૹଅ-ଌà¬à¬à¬“-ନପ-ରଲଳଵ-ହଽàœààŸ-à¡à±à®ƒà®…-ஊஎ-à®à®’-கஙசஜஞடணதந-பம-ஹà¯à°…-ఌఎ-à°à°’-నప-హఽౘ-ౚౠౡಀಅ-ಌಎ-à²à²’-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-à´à´’-ഺഽൎൔ-ൖൟ-ൡൺ-ൿඅ-ඖක-නඳ-රලව-à·†à¸-ะาำเ-
我是否使用了错误的 babel.min.js 链接？我从第 3 节用法中的 https://babeljs.io/docs/setup/#installation 得到它
【问题讨论】：
-
您是否创建了
.babelrc文件？ -
我需要吗？我正在完成一个基本教程，它没有提及任何内容。它只是说一旦你添加了 babel.js，代码就可以工作了。
-
是的，因为如果您阅读第 4 部分，您会看到它说：
Great! You've configured Babel but you haven't made it actually do anything. Create a .babelrc config in your project root and enable some plugins.看看是否有帮助，如果没有，我建议通过npm使用它。这样设置要容易得多。 -
会试试的，谢谢！也感谢您回答问题，而不是屈尊俯就。
-
我不是反对您的问题的人。我也不知道你是否有
.babelrc文件，这就是我使用cmets 的原因。
标签： javascript reactjs babeljs