创建 Angular 代码共享项目不会生成 webpack 文件

Posted 2023-03-07

【中文标题】创建 Angular 代码共享项目不会生成 webpack 文件

【英文标题】：Creating an Angular code sharing project won't generate a webpack file

【发布时间】：2020-08-30 12:50:26

【问题描述】：

我是 nativescript 的新手，并且因为我真的希望能够在我的手机上预览我的应用程序之前在我的浏览器中预览（这样更方便，不是吗？），我需要创建一个代码共享项目。

所以我运行文档中给出的这个命令：

ng new --collection=@nativescript/schematics project-name --shared

这似乎可以毫无问题地执行。但我注意到从该命令生成的项目没有生成普通项目时获得的 webpack.config.js 文件。 Screenshot of the project root folder right after command

缺少此文件会导致 tns preview --bundle 或 tns run android --bundle 等命令不起作用。

我确实找到了包 nativescript-dev-webpack，它在手动安装后会生成一个默认的 webpack 文件，但我在使用这个文件时遇到了问题（首先是因为它以不推荐的方式使用模块即使在修复它之后，也会导致应用在 Android 上运行时崩溃）。

我的问题是：代码共享项目是否不应该默认生成 webpack 文件？ 我已经在两台不同的计算机上尝试过，但遇到了同样的问题。

谢谢！

【问题讨论】：

我已经测试了你的命令（tsn 6.7.8）。它按预期工作，包括 webpack.config.ts。

【参考方案1】：

如果您已经安装了 Nativescript 7 和 nativescript/schematics 10 然后在您的项目文件夹中运行： tns 迁移 然后用以下更改修改 tsconfig.json：

添加 compilerOptions : "importHelpers": true

2) 重新排列路径@src/* 如下：

"src/*.ts",
"src/*.android.ts",
"src/*.ios.ts",
"src/*.tns.ts",
"src/*.web.ts"