这个是 manco editor 的官网演示 https://microsoft.github.io/monaco-editor/playground.html。可以看到有代码的悬停提示和输入时自动补全功能,但是在本地使用时会发现这些功能都没有,是需要额外配置吗?
下面是 next.config.ts 的配置文件,没有使用 Turbopack 进行打包。
import type { NextConfig } from "next";
import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin'
const nextConfig: NextConfig = {
/* config options here */
webpack(config) {
config.plugins.push(new MonacoWebpackPlugin({
// 默认会包括所有的语言
// import metadata from 'monaco-editor/esm/metadata' console.log(metadata.languages) 可获取所有的语言
languages: ['javascript', 'typescript']
}))
return config
}
};
export default nextConfig;