在我的 Rails 应用程序中运行./bin/webpack-dev-server时遇到问题我收到一个错误:
Failed to compile.
./app/javascript/packs/blob.js
Module build failed: SyntaxError: Unexpected token (5:1)
3 |
4 |
> 5 | <!DOCTYPE html>
| ^
我不确定是什么,但我认为应该在 webpack.config.js 中添加一些内容
您的 webpack 配置可能不正确,它正在尝试从 html 文件编译 JavaScript,您需要在 webpack 配置中指定一个入口 jsx 文件。我通常将所有 jsx 文件放入frontend
项目根目录下的文件夹中,并在根目录下使用以下 webpack.config.js 文件
const path = require('path');
module.exports = {
context: __dirname,
entry: './frontend/ROOT FILE NAME.jsx',
output: {
path: path.resolve(__dirname, 'app', 'assets', 'javascripts'),
filename: 'bundle. },
module: {
rules: [{
test: /\.jsx?$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
query: {
presets: ['@babel/env', '@babel/react',],
plugins: ['@babel/plugin-proposal-class-properties']
}
},
}]
},
devtool: 'source-map',
resolve: {
extensions: [".js", ".jsx"]
}
};
请注意,我添加了一些扩展的 Babel,您可能希望根据您使用的 JS 语法添加更多或删除一些扩展。
请参阅此处了解如何设置根文件
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句