目前我只能使用 .js 文件，如果我尝试使用 .jsx，这将导致错误。问题来了：我平时使用代码格式化器，在js文件中写jsx和格式化，导致代码完全乱序，也导致语法错误。
我是 React 的新手，所以我不知道如何配置以使用 jsx 文件，至少在主文件（index.js）以外的文件中是这样。
我已经看到了弹出脚本，但使用它似乎有一些缺点。
是否有任何解决方案可以在不运行“npm run eject”的情况下使用 jsx 文件？
编辑：错误类似于“无法从 filename.js 导入 XXX 文件”，也就是说，当我尝试从 filename.jsx 文件导入时，它仅搜索 filename.js 文件，并且由于没有文件. js，我不在乎。
EDIT2：正如评论中所说，只需重新启动服务器，我想当服务器已经运行时我正在从 js 更改为 jsx，现在我已经更改并重新启动，它似乎正在工作
我想我正确地遵循了文档，但它根本不起作用。
我想要的是生成一个css文件，不要用js加载到样式标签中。
在我的 src 目录中：：“scss/custom.scss”和“style.scss”，它们都没有在输出中生成。
编辑：源代码：https : //github.com/marcosroot/webpackexample
我的设置是：
const path = require('path');
const BundleTracker = require('webpack-bundle-tracker');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const devMode = true;
module.exports = {
entry: [
'./src/toggle_menu.js',
'./src/calls_apis.js'
],
output: {
path: path.resolve(__dirname, "dist"),
filename: devMode ? 'main.js' : 'main.[hash].js',
},
plugins: [
new BundleTracker({
filename: './webpack-stats.json'
}),
new MiniCssExtractPlugin({
filename: devMode ? '[name].css' : '[name].[hash].css'
})
],
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
}
},
{
test: /\.scss$/, …我想在图像上获得缩放效果但不增加屏幕尺寸,我可以使用"transform:scale()"为图像获得一种缩放,但我不想占用它的空间增加,这是我增加scale()时发生的事情.
我怎么能得到这个？我已经实现的当前效果是在我的测试网站上,将来将是一个博客/产品组合:http://marcosroot.pythonanywhere.com/blog/
悬停在图像中会发生这种效果.
PS:代码如下:
&__media {
transition: transform .25s ease-in-out;
&:hover {
transform: scale(1.025);
}
}
我遵循了 Quill 的文档，但语法突出显示不起作用。顺便说一句，即使是Quill 游乐场网页上的示例也无法正常工作，而Quill 主页上的示例却可以正常工作。这是我的代码和 CodePen 的链接。
HTML
<div id="editor-container"><pre>for(int i=0;i<10;i++)
printf ("Hello");</pre>
</div>
JS
var quill = new Quill('#editor-container', {
modules: {
toolbar: [
[{ header: [1, 2, false] }],
['bold', 'italic', 'underline'],
['image', 'code-block']
]
},
placeholder: 'Compose an epic...',
theme: 'snow' // or 'bubble'
});
这是一个显示问题的 CodePen：https ://codepen.io/imabot2/pen/mdJwdZy
我有一个应用程序使用 CRA 做出反应，我正在尝试使用 next 将其转换为 SSR 应用程序。所以，由于很少，我唯一改变的是：
但是当我点击链接时，我很难刷新。这是生成链接的内容：
<Link href={post.meta.slug}>
<a>{post.title}</a>
</Link>;
我也尝试过href={post.meta.slug} as={post.meta.slug}。
在我的页面目录中，我有：
这就是我获取帖子的方式[slug].jsx：
const PostPage = ({ post }) => {
return <Base>{post ? <Post post={post} /> : null}</Base>;
};
PostPage.propTypes = {
post: PropTypes.object,
};
PostPage.getInitialProps = async ({ query }) => {
const post = await getPostBySlug(query.slug);
return { post };
};
到目前为止，我无法识别错误。
这是完整的代码：https : //gitlab.com/flakesrc/blog-webstation-next
如果要克隆：
git clone https://gitlab.com/flakesrc/blog-webstation-next.git
cd blog-webstation-next …