要在Angular 9中添加@angular/localize/init的填充,可以按照以下步骤进行操作:
步骤1:安装@angular/localize包
在终端或命令提示符中,进入你的项目文件夹,并运行以下命令来安装@angular/localize包:
npm install @angular/localize --save
步骤2:添加polyfills.ts文件
在src文件夹中创建一个名为polyfills.ts的文件,并添加以下代码:
import '@angular/localize/init';
此代码将初始化本地化功能。
步骤3:更新angular.json
在根目录下的angular.json文件中,找到“build”和“test”配置的polyfills数组,并添加“src/polyfills.ts”到数组中。示例代码如下:
"build": {
"options": {
"polyfills": "src/polyfills.ts"
}
},
"test": {
"options": {
"polyfills": "src/polyfills.ts"
}
}
步骤4:重新启动开发服务器
如果你的开发服务器正在运行,请停止它并重新启动,以便应用程序可以加载新的polyfills.ts文件。
完成以上步骤后,你的Angular 9应用程序将添加@angular/localize/init的填充。
注意:如果你使用Storybook作为UI组件库开发工具,你还需要在Storybook中进行类似的操作。
步骤5:更新.storybook/main.js文件
在.storybook文件夹中找到main.js文件,并添加以下代码:
module.exports = {
stories: ['../src/**/*.stories.[tj]s'],
addons: [
'@storybook/addon-essentials',
'@storybook/addon-actions',
'@storybook/addon-links'
],
webpackFinal: async (config) => {
// 添加polyfills.ts到Storybook的配置中
config.entry.push('../src/polyfills.ts');
return config;
},
};
以上代码将在Storybook的webpack配置中添加polyfills.ts文件。
重新启动Storybook开发服务器后,你的Storybook应用程序将添加@angular/localize/init的填充。
这就是在Angular 9和Storybook中添加@angular/localize/init的填充的解决方法。