我使用最新版本的create-react-app开始了一个新项目。我正在尝试使用私有 NPM 库。该库提供代码，应用程序负责导入包以从中转译组件。
\n\n我将库的路径包含到babel-loader中，但 webpack 仍然没有将 babel 应用于它。
\n\n这是我从导入到项目的唯一组件中收到的错误消息：
\n\n./node_modules/PRIVATE-LIBRARY/Page404/index.js\nSyntaxError: /home/victor/app/node_modules/PRIVATE-LIBRARY/Page404/index.js: Unexpected token (12:2)\n\n 10 | \n 11 | const Page404 = () => (\n> 12 | <div className="page404">\n | ^\n 13 | <div className="page404__content">\n 14 | <h2 className="page404__title">This is not the page<br/> you are looking for</h2>\n这是我的webpack.config.dev.js文件
\'use strict\';\n\nconst path = require(\'path\');\nconst webpack = require(\'webpack\');\nconst PnpWebpackPlugin = require(\'pnp-webpack-plugin\');\nconst HtmlWebpackPlugin = require(\'html-webpack-plugin\');\nconst CaseSensitivePathsPlugin = require(\'case-sensitive-paths-webpack-plugin\');\nconst InterpolateHtmlPlugin = require(\'react-dev-utils/InterpolateHtmlPlugin\');\nconst WatchMissingNodeModulesPlugin …我正在尝试在最新版本 13 的Nextjs项目上使用Google Fonts，但无法正确导入 Google Fonts（即 Poppins）。
过去我只是将链接标签添加到_document.js或_app.js文件中，仅此而已。
我正在尝试这种方式但没有成功：
<Head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"></link>
</Head>
过去，另一种方法是使用 @import 在全局 CSS 样式表上导入 Google 字体，但此方法也不起作用：
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,700");
请告诉我如何在 Next 版本 13 及更高版本上执行此操作
我想定义一个期望的函数,Int根据数字(x)在控制台中输出错误,然后更新Statewith Nothing.
如何在一个函数中加入这些命令？
这是我得到的:
type Env = [(Variable,Int)]
newtype StateError a = StateError { runStateError :: Env -> Maybe (a, Env) }
class Monad m => MonadError m where
throw :: Monad m => a -> m a
instance MonadError StateError where
throw x = StateError (\s -> Nothing)
但我无法弄清楚如何执行IO副作用,然后在同一个函数定义中更新状态
javascript ×2
reactjs ×2
google-fonts ×1
haskell ×1
monads ×1
next.js ×1
webpack ×1
webpack-4 ×1