我有外部目录common
我想将反应组件从该目录导入到web-static
. In web-static
我正在使用nextjs。
目前我遇到这个错误:
Module not found: Can't resolve 'react' in '/Users/jakub/Sites/WORK/wilio-web-common/common/src/@vendor/atoms'
我将这些行添加到next.config.js
:
const babeRule = config.module.rules[babelRuleIndex];
if (babeRule && babeRule.test) {
babeRule.test = /\.(web\.)?(tsx|ts|js|mjs|jsx)$/;
if (babeRule.include) {
babeRule.include = [
...babeRule.include,
resolve(__dirname, "../common/src/@vendor"),
];
}
}
config.resolve.alias = {
...config.resolve.alias,
"@vendor": resolve(__dirname, "../common/src/@vendor")
};
My tsconfig.json
file:
"paths": {
"@vendor/*": ["../common/src/@vendor/*"]
}
Webpack 可以解析这些组件,但无法解析这些组件中已安装的包。
../common/src/@vendor/atoms/Test.js
Module not found: Can't resolve 'react' in '/Users/user1/Sites/WORK/web-app/common/src/@vendor/atoms'
我是否需要将此目录也包含在 webpack 中config.externals
?当前的 nextjs webpackexternals
-----
options.isServer: false
[ 'next' ]
-----
-----
options.isServer: true
[ [Function] ]
-----
这怎么能做到呢?谢谢你的帮助