因此，我被建议我应该使用babel.js来转译我的代码，以便使用导入/导出语法。我所做的是遵循以下链接上的主要设置指南：Link
在运行//Navbar class change on scroll
$(document).ready(function(){
$(window).scroll(function(){
$('nav').toggleClass('scrolled', $(this).scrollTop() > 1);
$('#nav-link1,#nav-link2,#nav-link3,#nav-link4,#nav-link5').toggleClass('scrolled-nav-link', $(this).scrollTop() > 1);
$('.icon-bar').toggleClass('scrolled-icon-bar', $(this).scrollTop() > 1);
});
});
//Logo change on scroll
var initialSrc = "img/logo.png";
var scrollSrc = "img/logo-scrolled.png";
$(document).ready(function(){
$(window).scroll(function() {
var value = $(this).scrollTop();
if (value > 1)
$("#logo").attr("src", scrollSrc);
else
$("#logo").attr("src", initialSrc);
});
});
//Navbar-toggler color change in lower resolation
$(document).ready(function(){
$("#navbar-toggler").click(function(){
if ( $("nav").hasClass("scrolled") ) {
}
else {
$("nav").toggleClass("scrolled1");
$('#nav-link1,#nav-link2,#nav-link3,#nav-link4,#nav-link5').toggleClass('scrolled-nav-link');
$('.icon-bar').toggleClass('scrolled-icon-bar');
}
});
});
并创建了以下内容之后，我创建了一个.babelrc文件：
npm install --save-dev babel-plugin-transform-es2015-modules-commonjs好吧，无论如何我仍然会收到相同的错误
{
"presets": ["@babel/preset-env"],
"plugins": [
["transform-es2015-modules-commonjs", {
"allowTopLevelThis": true
}]
]
}
这是我的项目结构：
https://babeljs.io/setup#installation
我真的很感谢您的帮助，因为我没有想法，谢谢