echarles
commented
4 months ago @Jay-Patel-257 Thx for trying and reporting :+1:
I have tests on my env with yarn v3. It works fine (the below message should be considered as warnings) (*-.
Can you double check that your next.config.js looks like this
/*
* Copyright (c) 2021-2023 Datalayer, Inc.
*
* MIT License
*/
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: false,
webpack: (config, options) => {
config.module.rules.push(
{ test: /\.js.map$/, type: 'asset/resource' },
{
// In .css files, svg is loaded as a data URI.
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
issuer: /\.css$/,
use: {
loader: 'svg-url-loader',
options: { encoding: 'none', limit: 10000 },
},
},
{
// In .ts and .tsx files (both of which compile to .js), svg files
// must be loaded as a raw string instead of data URIs.
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
issuer: /\.js$/,
type: 'asset/source',
},
// Ship the JupyterLite service worker.
{
resourceQuery: /text/,
type: 'asset/resource',
generator: {
filename: '[name][ext]',
},
},
// Rule for pyodide kernel
{
test: /pypi\/.*/,
type: 'asset/resource',
generator: {
filename: 'pypi/[name][ext][query]',
},
},
{
test: /pyodide-kernel-extension\/schema\/.*/,
type: 'asset/resource',
generator: {
filename: 'schema/[name][ext][query]',
},
},
)
return config
},
}
module.exports = nextConfig
(*)
(datalayer) (datalayer) echarles@eric-2:~/datalayer-osp/src/examples/jupyter-nextjs$ yarn dev
▲ Next.js 14.2.3
- Local: http://localhost:3000
✓ Starting...
✓ Ready in 2.2s
○ Compiling / ...
⚠ ../../node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
Attempted import error: 'parse' is not exported from 'json5' (imported as 'json5').
Import trace for requested module:
../../node_modules/@jupyterlab/settingregistry/lib/settingregistry.js
../../node_modules/@jupyterlab/settingregistry/lib/index.js
../../node_modules/@jupyterlab/shortcuts-extension/lib/index.js
../../tech/jupyter/ui/packages/react/lib/components/jupyterlab/JupyterLabAppPlugins.js
../../tech/jupyter/ui/packages/react/lib/index.js
./components/NotebookComponent.tsx
../../node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
Critical dependency: the request of a dependency is an expression
Import trace for requested module:
../../node_modules/@jupyterlite/pyodide-kernel/lib/worker.js
../../node_modules/@jupyterlite/pyodide-kernel/lib/index.js
../../node_modules/@jupyterlite/pyodide-kernel-extension/lib/index.js
../../tech/jupyter/ui/packages/react/lib/state/State.js
../../tech/jupyter/ui/packages/react/lib/state/index.js
../../tech/jupyter/ui/packages/react/lib/index.js
./components/NotebookComponent.tsx
../../node_modules/glslify-deps/index.js
Critical dependency: the request of a dependency is an expression
Import trace for requested module:
Jay-Patel-257
I'm running this template with Yarn V3 but upon
yarn devit results in the follwing error:Actually I'm planning to use it in one of my nextjs app. It was giving me same error so i thought of trying this template first, but encountered the same issue. Can anyone help?