反应(嵌套)代码拆分和SASS导致未加载组件

时间:2018-08-03 10:11:43

标签: reactjs webpack sass react-router-v4 create-react-app

使用sass和代码拆分时,我遇到了一个奇怪的问题,可能只是嵌套。

发生的事情是,我导入的组件(使用可加载)未加载到生产版本中。我没有收到任何类型的错误或错误提示。

结构如下:

structure

当我在using (var context = new DataContext()) { using (var cmd = context.Database.GetDbConnection().CreateCommand()) { cmd.CommandText = "exec uspGetOrgChart"; cmd.CommandType = System.Data.CommandType.StoredProcedure; var personIdParam = cmd.CreateParameter(); personIdParam.ParameterName = "ContactID"; personIdParam.Value = id; cmd.Parameters.Add(personIdParam); context.Database.OpenConnection(); using (var result = command.ExecuteReader()) { if (result.HasRows) { // do something with results } } } } 中导入sass文件person-list.scss,它也要求我也在PersonList.tsx中导入(虚拟)sass文件,否则,组件PersonsList将不会被加载。

这是我在项目中使用的:create-react-app(react-scripts-ts),react-router 4,redux 4,react-app-rewired,react-app-rewire-scss

在这里我上传了project to github以便于复制:

我做错什么了吗,或者可能是个错误?

0 个答案:

没有答案