首页 新闻 会员 周边 捐助

升级到 angular 19 遇到问题："Cannot find module 'node_modules\ng-zorro-antd\style\color\tinycolor2'"

0
悬赏园豆：30 [已解决问题] 解决于 2024-12-02 21:35

一个项目从 angular 17 升级到 angular 19 后，build 时出现下面的错误

const tinycolor = require('./tinycolor2');
                 ^
Cannot find module 'node_modules\ng-zorro-antd\style\color\tinycolor2'

请求如何解决？

dudu的主页 dudu | 高人七级 | 园豆：29618
提问于：2024-12-02 21:07
< >
分享
最佳答案
0

是 less 文件中下面的 import 路径引起的

@import 'src/styles/themes/default';

改为相对路径就可以了

@import '../../../../src/styles/themes/default';
dudu | 高人七级 |园豆：29618 | 2024-12-02 21:35

更好的解决方法是使用 ~

@import '~src/styles/themes/default';
@import '~node_modules/ng-zorro-antd/divider/style/index';
dudu | 园豆：29618 (高人七级) | 2024-12-05 09:17

@dudu: angular build 系统使用 webpack 时才支持 ~ 开头的 import 路径，使用 esbuild 时不支持

dudu | 园豆：29618 (高人七级) | 2024-12-07 12:32

更更好的解决方法是在angular.json 中 build的options 部分添加下面的设置

"stylePreprocessorOptions": {
    "includePaths": [
    "src/styles/"
    ]
}

并修改为下面的 import 路径

@import 'themes/default';
dudu | 园豆：29618 (高人七级) | 2024-12-07 12:36
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。