Question

我用ng new创建了一个新项目，并运行了以下命令（ref）：

ng add @nguniversal/express-engine --clientProject my-project-name
npm run build:ssr && npm run serve:ssr

这将在端口4000上启用服务器端呈现。

到目前为止一切都很好。

现在，我添加了一个main.scss。然后在my app.component.scss中，我以tilde语法导入，如下所示：

@import "~src/main.scss";

现在运行npm run build:ssr && npm run serve:ssr时出现以下错误：

ERROR in Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import "~src/main.scss";
^
      File to import not found or unreadable: ~src/main.scss.
      in D:\nodebook2\angular-universal-test\src\app\app.component.scss (line 1, column 1)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! angular-universal-test@0.0.0 build:client-and-server-bundles: `ng build --prod && ng run angular-universal-test:server:production`

除了用“常规”路径替换~src以外，是否有其他解决方法？（我的项目中包含数百个组件，全部使用~src来导入scss文件）

Angular Universal：找不到导入文件或不可读：〜src / main.scss

0 个答案: