小编Owa*_*ufi的帖子

我正在开发一个项目,我开始在bootstrap 4.0.0上构建.在这个项目中,我曾引导regulary更新每当引导的新版本(4.1.0,4.1.3)来了,所有的事情都完美的工作,直到我有更新引导4.2.1从那里我遇到控制台错误时曾经我点击文件

未捕获的DOMException:无法在'Document'上执行'querySelector':'javascript:void(0);' 不是有效的选择器.

我发现它是由于下拉而导致的,因为这个错误下拉列表不起作用.我还检查过,如果我使用的是href ="javascript:void(0);" ,href ="#!" 错误发生,但如果我使用没有href或href ="#"的锚标签,那么它工作正常.

注意: -我需要使用href ="javascript:void(0)的解决方案;因为地址链接中的href ="#看起来不漂亮而页面滚动到顶部

<div class="dropdown">
        <a class="btn btn-secondary dropdown-toggle" href="javascript:void();" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Dropdown link
        </a>

        <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
            <a class="dropdown-item" href="#">Action</a>
            <a class="dropdown-item" href="#">Another action</a>
            <a class="dropdown-item" href="#">Something else here</a>
        </div>
    </div>

这是我的codepen

我是 gulp sass 的新手，所以我目前正在学习这个https://css-tricks.com/gulp-for-beginners/。我从上面的链接工作的当前主题是#Preprocessing with Gulp

在我测试我的 sass 文件（知道它正在编译 CSS）之后，所有的东西都变得很好，我触发它没有将 SCSS 编译为 CSS 为什么会这样。

想知道。

1. 我目前不在我的本地主机上工作。我已经在我的桌面上制作了项目文件。

2. 我第一次手动创建了 CSS 文件，看看我的 SCSS 编译了我当前的 CSS 文件

我做错了什么。

更新 ：

在我的 Gulp 文件中：

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task( 'sass', function() {
    return gulp.src('app/scss/**/*.scss')
      .pipe(sass())
      .pipe(gulp.dest('app/css'));
})

我的文件结构：

|- app/
      |- css/
      |- fonts/
      |- images/ 
      |- index.html
      |- js/ 
      |- scss/
           |- style.scss
|- dist/
|- gulpfile.js
|- node_modules/
|- package.json

注意：文件结构与 CSS Trick 中的相同。

我在我的博客项目中使用 Strapi 和 Next.js

我正在尝试通过在pages/posts/[id].js中使用[id].js来制作动态页面

但是，问题是当我尝试通过 getStaticPaths() 内的 Strapi API 进行映射时，它给我一个错误：data.map is not Defined

注意：- 我正在使用 NextJS V12.0.8 和 Strapi V4.0.4

下面是我的代码

export async function getStaticPaths() {
  const postsRes = await axios.get("http://localhost:1337/api/posts?populate=image");
 
  const paths = postsRes.map((post) => {
    return { params: {id: post.id.toString()} }
  });

  // const paths = { params: {id: '1' } }
    
  return {
    paths,
    fallback: false
 
  }
 
}

完整[id].js页面代码链接 - https://pastebin.com/SnzLirys

错误屏幕截图 - https://prnt.sc/26ha6z5