Question

我们有一个角度2应用程序，我们使用一些本机css组件，其中包含一些js文件，有包装器将其转换为角度2组件。我想使用angular cli创建一个新的angular 4项目并重用这些组件，但我在编译时遇到"module not found: as below错误，与angular 2项目的区别在于它们在systemjs.config.js文件中有一个设置

'my-ui-components': {
                format: 'global',
                main: 'main.js',
                defaultExtension: 'js',
                map: {
                    '/patterns/components': './patterns/components',
                }
            },

我在angular-cli项目中没有systemjs.config.js所以试图在angular-cli.json中复制这个设置，但我仍然得到同样的错误

 ERROR in ./src/my-ui-components/main.js 
Module not found: Error: Can't resolve '/patterns/components/options/module.js' in '/Users/me/repo/my-app/src/my-ui-components'
@ ./src/my-ui-components/main.js 2757:10-2758:66 3371:10-3373:66 3589:10-3591:66 5279:10-5282:68 6017:10-6018:108

Answer 1

您可以从头开始创建新的Angular项目（使用angular-cli），然后将文件从旧项目移动到新项目中。您可以在angular-cli.json文件的“scripts”部分中引用要使用的组件（.js文件）。这些将与您的应用程序捆绑在一起。

如果这不起作用，一个选项是将它们放在“assets”文件夹中，因此它将作为应用程序的附加资源进行部署，但不是推荐的方法。

Angular Cli项目成立

1 个答案: