这个错误提示是在分析 import 语句时出现了无效的 JS 语法。根据错误信息,可能是你的代码中导入了一个 .docx 文件,而这种文件格式并不是有效的 JS 代码。
解决此问题需要看具体情况,如果该文件确实应该被导入作为模块,则需要安装相应的插件或库来处理 .docx 文件格式。但通常情况下,.docx 文件并不是用于导入到 JavaScript 模块中的,因此建议将其添加到 assetsInclude
中来让 webpack 处理。
以下是一个示例配置:
const path = require('path');
module.exports = {
// ...
module: {
rules: [
// ...
{
test: /\.(png|jpe?g|gif|svg|woff2?|eot|ttf|otf|docx)(\?.*)?$/,
loader: 'file-loader',
options: {
name: 'assets/[name].[hash].[ext]',
esModule: false,
},
},
],
},
};
在上述配置中,我们通过 file-loader 处理了多种类型的静态资源,包括 .docx 文件。其中 esModule
设置为 false 是为了避免在项目中使用时出现一些问题。
完成以上配置后,在代码中导入 .docx 文件就可以正常工作了。例如:
import MyDocument from './my-document.docx';