当前未启用对实验性语法 'moduleAttributes' 的支持

Question

还没有找到 'moduleAttributes' 的实验性语法解决方案，尽管我已经看到很多其他人的语法解决方案，例如 'classProperties'

错误：

./components/crud/CreateBlog.js:10:70
Syntax error: Support for the experimental syntax 'moduleAttributes' isn't currently enabled (10:71):

   8 | import { getTags } from '../../actions/tag';
   9 | import { createBlog } from '../../actions/blog';
> 10 | const ReactQuill = dynamic(() => import('react-quill', { ssr: false }));
     |                                                                       ^
  11 | import '../../node_modules/react-quill/dist/quill.snow.css';
  12 | 
  13 | const CreateBlog = ({ router }) => {

组件生成错误：

import Link from 'next/link';
import { useState, useEffect } from 'react';
import Router from 'next/router';
import dynamic from 'next/dynamic';
import { withRouter } from 'next/router';
import { getCookie, isAuth } from '../../actions/auth';
import { getCategories } from '../../actions/category';
import { getTags } from '../../actions/tag';
import { createBlog } from '../../actions/blog';
const ReactQuill = dynamic(() => import('react-quill', { ssr: false }));
import '../../node_modules/react-quill/dist/quill.snow.css';

const CreateBlog = ({ router }) => {
    return (
        <div>
            <h3>Create Blog Form</h3>
        </div>
    )
}

export default withRouter(CreateBlog);

错误本身是由传递给 import() 调用的 { ssr: false } 选项对象产生的。

关于如何解决这个问题或为什么会发生的任何想法或知识？谢谢！

Answer 1

该对象应该是 dynamic 函数的第二个参数而不是 import :

const ReactQuill = dynamic(() => import('react-quill'),{ ssr: false });

Docs

当前未启用对实验性语法 'moduleAttributes' 的支持

Support for the experimental syntax 'moduleAttributes' isn't currently enabled

node.js

reactjs

next.js

react-quill