时间戳

首页 > 解决方案 > Shopware 6：模块解析失败：运行 `./psh.phar storefront:dev` 后出现意外令牌

webpack - Shopware 6：模块解析失败：运行 `./psh.phar storefront:dev` 后出现意外令牌

问题描述

我想在我的 Shopware 6 插件中添加一些自定义 SCSS 代码。因此，我创建了一个main.js文件作为入口点并导入了我的自定义 SCSS 文件。运行后，./psh.phar storefront:dev我从 Webpack 收到以下错误：

ERROR in /app/custom/plugins/MyTheme/src/Resources/storefront/styles/custom.scss 2:0
Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type.
   > .test {
    | 
    | }
    npm ERR! code ELIFECYCLE
    npm ERR! errno 2
    npm ERR! sw-next-storefront@1.0.0 development: `NODE_ENV=development webpack --config webpack.config.js`
    npm ERR! Exit status 2

标签： webpacksassshopware

解决方案

借助 Shopware 6 的 EarlyAccess realese，我们添加了主题管理器，并通过这种方式轻松添加自定义样式。

以前你必须带上你自己的 webpack 配置，这解释了错误。

现在 shopware 会自动导入和编译*.scss位于您的<plugin root>/src/Resources/storefront/style. 由于您的custom.scss文件位于此文件夹中，因此它应该可以与当前 EA1 版本的商店软件一起使用。

只需.scss从您的文件中删除文件的导入main.js并更新您的 shopware 实例，您就可以开始使用了。

关于如何添加自定义 js 或自定义样式的详细信息可以在Docs中找到。

推荐阅读